32 lines
747 B
TypeScript
32 lines
747 B
TypeScript
import React from 'react';
|
|
import { useTheme, type BoxProps } from '@chakra-ui/react';
|
|
import MyBox from '../common/MyBox';
|
|
|
|
const PageContainer = ({
|
|
children,
|
|
isLoading,
|
|
insertProps = {},
|
|
...props
|
|
}: BoxProps & { isLoading?: boolean; insertProps?: BoxProps }) => {
|
|
const theme = useTheme();
|
|
return (
|
|
<MyBox h={'100%'} py={[0, '16px']} pr={[0, '16px']} {...props}>
|
|
<MyBox
|
|
isLoading={isLoading}
|
|
h={'100%'}
|
|
borderColor={'borderColor.base'}
|
|
borderWidth={[0, 1]}
|
|
boxShadow={'1.5'}
|
|
overflow={'overlay'}
|
|
bg={'myGray.25'}
|
|
borderRadius={[0, '16px']}
|
|
{...insertProps}
|
|
>
|
|
{children}
|
|
</MyBox>
|
|
</MyBox>
|
|
);
|
|
};
|
|
|
|
export default PageContainer;
|