import { theme as defaultTheme } from '@bigcommerce/big-design-theme' ; import styled from 'styled-components' ; import { withDisplay } from '../../mixins' ; import { Box } from '../Box' ; import { GridProps } from './Grid' ; import { withGridedContainer } from './withGrid' ; export const StyledGrid = styled ( Box ) < GridProps & { forwardedAs ? : GridProps [ 'as' ] ; } > `
  ${ withGridedContainer ( ) }

  display: grid;

  ${ withDisplay ( ) }
` ; StyledGrid . defaultProps = { theme : defaultTheme , gridGap : defaultTheme . spacing . medium } ;