import { default as React } from 'react';
export interface GridProps {
    /** Grid content */
    children: React.ReactNode;
    /** Number of columns (responsive object or number) */
    cols?: number | {
        sm?: number;
        md?: number;
        lg?: number;
        xl?: number;
    };
    /** Gap between items */
    gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
    /** Auto-fit columns with minimum width */
    autoFit?: string;
    /** Auto-fill columns with minimum width */
    autoFill?: string;
    /** Align items */
    alignItems?: 'start' | 'center' | 'end' | 'stretch';
    /** Justify items */
    justifyItems?: 'start' | 'center' | 'end' | 'stretch';
    /** Additional className */
    className?: string;
}
/**
 * Grid Component
 *
 * CSS Grid layout component with responsive columns and flexible configurations.
 * Supports auto-fit, auto-fill, and explicit column counts.
 *
 * @example
 * ```tsx
 * <Grid cols={3} gap="md">
 *   <Card>Item 1</Card>
 *   <Card>Item 2</Card>
 *   <Card>Item 3</Card>
 * </Grid>
 * ```
 *
 * @example
 * ```tsx
 * <Grid
 *   cols={{ sm: 1, md: 2, lg: 3, xl: 4 }}
 *   gap="lg"
 * >
 *   {items.map(item => <Card key={item.id}>{item.content}</Card>)}
 * </Grid>
 * ```
 *
 * @example
 * ```tsx
 * <Grid autoFit="250px" gap="md">
 *   <Card>Dynamic Item</Card>
 * </Grid>
 * ```
 */
export declare const Grid: React.FC<GridProps>;
//# sourceMappingURL=grid.d.ts.map