@retriever-ui/system/lib/config/grid.d.ts

import * as CSS from 'csstype';
import { CSSResponsive, ThemeCSS } from '../type/theme';
export interface GridProps {
    /**
     * The CSS `grid-template-columns` property
     */
    columns?: CSSResponsive<CSS.Property.GridTemplateColumns>;
    /**
     * The CSS `grid-template-columns` property
     */
    gridTemplateColumns?: CSSResponsive<CSS.Property.GridTemplateColumns>;
    /**
     * The CSS `grid-template-rows` property
     */
    rows?: CSSResponsive<CSS.Property.GridTemplateRows>;
    /**
     * The CSS `grid-template-rows` property
     */
    gridTemplateRows?: CSSResponsive<CSS.Property.GridTemplateRows>;
    /**
     * The CSS `grid-template-areas` property
     */
    gridTemplateAreas?: CSSResponsive<CSS.Property.GridTemplateAreas>;
    /**
     * The CSS `grid-area` property
     */
    gridArea?: CSSResponsive<CSS.Property.GridArea>;
    /**
     * The CSS `grid-auto-rows` property
     */
    gridAutoRows?: CSSResponsive<CSS.Property.GridAutoRows>;
    /**
     * The CSS `grid-auto-columns` property
     */
    gridAutoColumns?: CSSResponsive<CSS.Property.GridAutoColumns>;
    /**
     * The CSS `grid-row-start` property
     */
    gridRowStart?: CSSResponsive<CSS.Property.GridRowStart | number>;
    /**
     * The CSS `grid-row-end` property
     */
    gridRowEnd?: CSSResponsive<CSS.Property.GridRowEnd | number>;
    /**
     * The CSS `grid-column-start` property
     */
    gridColumnStart?: CSSResponsive<CSS.Property.GridColumnStart | number>;
    /**
     * The CSS `grid-column-end` property
     */
    gridColumnEnd?: CSSResponsive<CSS.Property.GridColumnEnd | number>;
    /**
     * The CSS `grid-column` property
     */
    gridColumn?: CSSResponsive<CSS.Property.GridColumn | number>;
    /**
     * The CSS `grid-row` property
     */
    gridRow?: CSSResponsive<CSS.Property.GridRow | number>;
}
declare const grid: ({ theme, ...props }: ThemeCSS<GridProps>) => import("@emotion/utils").SerializedStyles;
export default grid;