import { theme as defaultTheme } from '@bigcommerce/big-design-theme' ; import styled from 'styled-components' ; import { Box } from '../../Box' ; import { withFlexedItems } from '../withFlex' ; import { FlexItemProps } from './Item' ; export const StyledFlexItem = styled ( Box ) < FlexItemProps & { forwardedAs ? : FlexItemProps [ 'as' ] ; } > `
  ${ withFlexedItems ( ) }
` ; StyledFlexItem . defaultProps = { alignSelf : 'auto' , flexBasis : 'auto' , flexGrow : 0 , flexOrder : 0 , flexShrink : 1 , theme : defaultTheme } ;