Files
TheGame/packages/web/components/Container.tsx
dan13ram f95b12751e profile setup - about you flow (#130)
* added data for personality types and refactored images

* setup personality type

* setup player type

* player types descriptions
2020-10-08 22:00:53 -06:00

26 lines
555 B
TypeScript

import { Flex } from '@metafam/ds';
import React from 'react';
type Props = React.ComponentProps<typeof Flex>;
export const PageContainer: React.FC<Props> = ({ children, ...props }) => (
<Flex
bgSize="cover"
bgAttachment="fixed"
w="100%"
minH="100vh"
p={[4, 8, 12]}
direction="column"
align="center"
{...props}
>
{children}
</Flex>
);
export const FlexContainer: React.FC<Props> = ({ children, ...props }) => (
<Flex align="center" justify="center" direction="column" {...props}>
{children}
</Flex>
);