import { BaseBoxPropsWithRole } from '../../shared/box';
import { GapProps, AlignContentKeyword, AlignItemsKeyword, JustifyContentKeyword, JustifyItemsKeyword } from '../../shared/inner-layout';
export interface GridProps extends BaseBoxPropsWithRole, GapProps {
    /**
      Define columns and specify their size.
  
      @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns
      @default 'none'
    */
    gridTemplateColumns?: string;
    /**
      Define rows and specify their size.
  
      @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows
      @default 'none'
    */
    gridTemplateRows?: string;
    /**
      Aligns the grid items along the inline (row) axis.
  
      This overrides the inline value of `placeItems`.
  
      @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items
      @default '' - meaning no override
    */
    justifyItems?: JustifyItemsKeyword | '';
    /**
      Aligns the grid items along the block (column) axis.
  
      This overrides the block value of `placeItems`.
  
      @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
      @default '' - meaning no override
    */
    alignItems?: AlignItemsKeyword | '';
    /**
      A shorthand property for `justify-items` and `align-items`.
  
      @see https://developer.mozilla.org/en-US/docs/Web/CSS/place-items
      @default 'normal normal'
    */
    placeItems?: `${AlignItemsKeyword} ${JustifyItemsKeyword}` | AlignItemsKeyword;
    /**
      Aligns the grid along the inline (row) axis.
  
      This overrides the inline value of `placeContent`.
  
      @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
      @default '' - meaning no override
    */
    justifyContent?: JustifyContentKeyword | '';
    /**
      Aligns the grid along the block (column) axis.
  
      This overrides the block value of `placeContent`.
  
      @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
      @default '' - meaning no override
    */
    alignContent?: AlignContentKeyword | '';
    /**
      A shorthand property for `justify-content` and `align-content`.
  
      @see https://developer.mozilla.org/en-US/docs/Web/CSS/place-content
      @default 'normal normal'
    */
    placeContent?: `${AlignContentKeyword} ${JustifyContentKeyword}` | AlignContentKeyword;
}