import React from 'react' ; import Box , { BoxProps } from '@chakra-ui/core/dist/Box' ; import Flex , { FlexProps } from '@chakra-ui/core/dist/Flex' ; import Stack , { StackProps } from '@chakra-ui/core/dist/Stack' ; export interface CommonContainerProps { wide ? : boolean ; } export interface ContainerProps extends BoxProps , CommonContainerProps { } export const Container = ( { wide = false , ... props } ) => { return < Box maxW = { wide ? '3xl' : 'xl' } mx = "auto" px = { 2 } { ... props } />; } ; export interface FlexContainerProps extends FlexProps , CommonContainerProps { } export const FlexContainer = ( { wide = false , ... props } ) => { return ( < Flex direction = "column" maxW = { wide ? '3xl' : 'xl' } mx = "auto" px = { 2 } { ... props } />); } ; export interface StackContainerProps extends StackProps , CommonContainerProps { } export const StackContainer = ( { wide = false , ... props } ) => { return < Stack maxW = { wide ? '3xl' : 'xl' } mx = "auto" px = { 2 } { ... props } />; } ;