import type { RefAttributes } from "react";
import type { DOMProps } from "../../types/dom";
import type { SizeType } from "../../types";
export type GridItemElementType = HTMLDivElement;
export interface GridItemProps extends RefAttributes<GridItemElementType>, DOMProps {
    /** How many columns the item spans */
    span?: number | number[];
    /** React children */
    children?: React.ReactNode;
    /** How many columns the item spans on the smallest breakpoint */
    xs?: number;
    sm?: number;
    md?: number;
    lg?: number;
    xl?: number;
    /** How many columns the item spans on the largest breakpoint */
    xxl?: number;
    /** Aligns the grid item along the block (column) axis */
    alignSelf?: "center" | "start" | "end" | "stretch";
    /** Aligns the grid item along the inline (row) axis */
    justifySelf?: "center" | "start" | "end" | "stretch";
    /** Custom class name for setting specific CSS */
    className?: string;
}
export declare const getBreakpointMap: (config: Partial<Record<SizeType, number>>) => Record<string, number | undefined>;
export declare const DEFAULT_SPAN = 12;
declare function GridItem({ ref, ...props }: GridItemProps): import("react/jsx-runtime").JSX.Element;
declare namespace GridItem {
    var displayName: string;
}
export { GridItem };
