import type { ReactNode, HTMLAttributes } from 'react';
import React from 'react';
import { type BaseProps } from '@toptal/picasso-shared';
import type { GridSize } from '../types';
export interface GridSizes {
    /** Defines the number of grids the component is going to use. It's applied for all the screen sizes with the lowest priority */
    xs?: boolean | GridSize;
    /** Defines the number of grids the component is going to use. It's applied for the sm breakpoint and wider screens */
    sm?: boolean | GridSize;
    /** Defines the number of grids the component is going to use. It's applied for the md breakpoint and wider screens */
    md?: boolean | GridSize;
    /** Defines the number of grids the component is going to use. It's applied for the lg breakpoint and wider screens */
    lg?: boolean | GridSize;
    /** Defines the number of grids the component is going to use. It's applied for the xl breakpoint and wider screens */
    xl?: boolean | GridSize;
}
export interface Props extends BaseProps, GridSizes, HTMLAttributes<HTMLElement> {
    /** Content of Grid.Item */
    children?: ReactNode;
}
export declare const GridItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
export default GridItem;
//# sourceMappingURL=GridItem.d.ts.map