import { ReactNode } from 'react';
type Colspan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
export interface GridItemColspan {
    desktop?: Colspan;
    mobile?: Colspan;
    tablet?: Colspan;
}
export interface GridItemDevice {
    desktop?: boolean;
    mobile?: boolean;
    tablet?: boolean;
}
export interface GridItemProps {
    /** If provided, sets the children */
    children?: ReactNode;
    /** If provided, sets the corresponding device/breakpoint colspan **/
    feColspan?: GridItemColspan;
    /** If false, renders the corresponding device/breakpoint display: none **/
    feDisplay?: GridItemDevice;
    /** If false, renders the corresponding device/breakpoint visibility: hidden **/
    feVisible?: GridItemDevice;
}
declare const GridItem: {
    ({ children, ...rest }: GridItemProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export default GridItem;