import React from 'react';
import { FlintGrid as FlintGridElement } from '@getufy/flint-ui/grid/flint-grid';
/**
 * A responsive 12-column grid layout component inspired by Material UI's Grid.
 */
export interface FlintGridProps extends React.HTMLAttributes<FlintGridElement> {
    /** Whether this element acts as a grid container. */
    container?: boolean;
    /**
     * Flex direction of the grid container.
     * Allowed values: 'row' | 'row-reverse' | 'column' | 'column-reverse'
     */
    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
    /**
     * Flex wrap behavior of the grid container.
     * Allowed values: 'nowrap' | 'wrap' | 'wrap-reverse'
     */
    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
    /** Cross-axis alignment of grid items. */
    alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline' | undefined;
    /** Main-axis alignment of grid items. */
    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | undefined;
    /** Total number of columns. Default is 12. */
    columns?: number;
    /**
     * Spacing between items. 1 unit = 8px.
     * Type: `ResponsiveValue<number | string>`
     */
    spacing?: FlintGridElement['spacing'];
    /**
     * Row spacing override; takes precedence over `spacing` for the row axis.
     * Type: `ResponsiveValue<number | string> | undefined`
     */
    rowSpacing?: FlintGridElement['rowSpacing'];
    /**
     * Column spacing override; takes precedence over `spacing` for the column axis.
     * Type: `ResponsiveValue<number | string> | undefined`
     */
    columnSpacing?: FlintGridElement['columnSpacing'];
    /** Number of columns to span at the xs breakpoint. */
    xs?: number | false | true | 'auto';
    /** Number of columns to span at the sm breakpoint. */
    sm?: number | false | true | 'auto';
    /** Number of columns to span at the md breakpoint. */
    md?: number | false | true | 'auto';
    /** Number of columns to span at the lg breakpoint. */
    lg?: number | false | true | 'auto';
    /** Number of columns to span at the xl breakpoint. */
    xl?: number | false | true | 'auto';
    /**
     * Offset per breakpoint, expressed in column units or 'auto'.
     * Type: `Partial<Record<Breakpoint, number | 'auto'>> | undefined`
     */
    offset?: FlintGridElement['offset'];
    /**
     * Flex order. Supports responsive values so items can be reordered at
     * Type: `ResponsiveValue<number> | undefined`
     */
    order?: FlintGridElement['order'];
}
export declare const FlintGrid: React.ForwardRefExoticComponent<FlintGridProps & React.RefAttributes<FlintGridElement>>;