/// <reference types="react" />
import { GridProps, GridItemProps, GridOptions, ResponsiveValue, SystemProps } from '@chakra-ui/react';
import { IPropsWithChildren } from "../../core/types";
export interface IGrid extends GridProps, IPropsWithChildren {
}
export interface IGrid extends GridOptions {
}
export interface IGridItem extends GridItemProps {
    /**
     *  Render function for any custom actions
     */
    renderEnd?: () => React.ReactNode;
    /**
     * content for the grid item
     */
    children: React.ReactNode;
}
export interface IGridItem {
    /**
     * Shorthand prop for `gridArea`
     */
    area?: SystemProps['gridArea'];
    /**
     * The number of columns the grid item should `span`.
     */
    colSpan?: ResponsiveValue<number | 'auto'>;
    /**
     * The column number the grid item should start.
     */
    colStart?: ResponsiveValue<number | 'auto'>;
    colEnd?: ResponsiveValue<number | 'auto'>;
    rowStart?: ResponsiveValue<number | 'auto'>;
    rowEnd?: ResponsiveValue<number | 'auto'>;
    rowSpan?: ResponsiveValue<number | 'auto'>;
}