import * as React from "react";
import { FunctionComponent } from "react";
import { Theme } from "../theme/Theme";

const PageContainer: FunctionComponent<{theme: Theme}> = (props) => {
    return (
        <div style={{
            display: "flex",
            flexDirection: "column",
            alignItems: "center",
            background: props.theme?.background,
            flex: "1",
            minHeight: "400px"
        }}>
            {props.children}
        </div>
    );
}

export default PageContainer;