mirror of
https://github.com/MetaFam/TheGame.git
synced 2026-02-09 21:45:53 -05:00
6466104e55
* registerPlayer & successPlayer layout done * moved to chakra-ui@next * added meta components and icons * refactored code based on review comments * using React.ComponentProps for getting correct props * using jpeg for background images * removed unwanted `declare module` * changed font naming in design-system * fixed fontFamily in packge web * using Heading component for MetaHeading
31 lines
527 B
TypeScript
31 lines
527 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"
|
|
w="100vw"
|
|
h="100vh"
|
|
p={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>
|
|
);
|