33 lines
647 B
TypeScript
33 lines
647 B
TypeScript
import * as React from "react";
|
|
import styled from "styled-components";
|
|
|
|
const Backdrop = styled.div`
|
|
position: absolute;
|
|
top: 50px;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: #293742;
|
|
z-index: 100;
|
|
`;
|
|
|
|
interface IContainerProps {
|
|
fullWidth?: boolean;
|
|
}
|
|
const Container = styled.div<IContainerProps>`
|
|
max-width: ${props => (props.fullWidth ? "100%" : "800px")};
|
|
margin: auto;
|
|
padding: 2em;
|
|
`;
|
|
|
|
interface IPageProps {
|
|
fullWidth?: boolean;
|
|
}
|
|
const Page: React.FC<IPageProps> = ({ children, fullWidth }) => (
|
|
<Backdrop>
|
|
<Container fullWidth={fullWidth}>{children}</Container>
|
|
</Backdrop>
|
|
);
|
|
|
|
export default Page;
|