import React , { FC } from 'react' ; import cn from 'classnames' ; import { Box } from '../../Box/Box' ; import * as styles from './GridContainer.css' ; type position = 'relative' | 'fixed' | 'absolute' ; interface Props { className ? : string ; id ? : string ; position ? : position | 'none' ; } export const GridContainer = ( { children , className , id , position = 'relative' , } ) => { const pos = { } ; if ( position !== 'none' ) { pos . position = position ; } return ( < Box { ... pos } className = { cn ( className , styles . root ) } id = { id } > { children } < /Box>); } ;