import React, { ReactNode } from 'react';
import { Flex, FlexBlock } from '../ui/flex';

interface ProfileLayoutContainerProps {
    children: ReactNode;
    fill?: boolean;
}

const ProfileLayoutContainer: React.FC<ProfileLayoutContainerProps> = ({ children, fill = false }) => {
    return (
        <Flex justify="center" style={{  }}>
            <FlexBlock style={{ maxWidth: fill ? undefined : 800, minHeight: '100%', paddingBottom: 16 }}>
                {children}
            </FlexBlock>
        </Flex>
    );
};

export default ProfileLayoutContainer;