import { SystemProp } from '@xstyled/system'

import { VuiTheme } from '../theme'

type RowProp = SystemProp<boolean, VuiTheme>
export type RowProps = {
  row?: RowProp
}

type ColProp = SystemProp<true | 'auto' | string | number, VuiTheme>
export type ColProps = {
  col?: ColProp
}

export type FlexboxGridsProps = RowProps & ColProps
