import React from 'react';
import type { GlobalProps } from '@lendi-ui/commons/utils';
type FourColumns = '1' | '2' | '3' | '4' | 'auto';
type TwelveColumns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'auto';
export interface GridItemProps extends GlobalProps {
    children: React.ReactNode;
    /**
     * With mobile first approach, each grid item defaults to 100% width. Only need to use xs prop to change this for screens less than 576px
     */
    xs?: FourColumns;
    /**
     * Column size at small and up
     */
    sm?: TwelveColumns;
    /**
     * Column size at medium and up
     */
    md?: TwelveColumns;
    /**
     * Column size at large and up
     */
    lg?: TwelveColumns;
    /**
     * Column size at extra large and up
     */
    xl?: TwelveColumns;
    className?: string;
}
export declare const GridItem: ({ children, ...props }: GridItemProps) => JSX.Element;
export {};