import { GridProps, GridItemProps } from './Grid.types';
/**
 * Grid component - A flexible CSS Grid layout component
 *
 * @example
 * ```tsx
 * // Fixed 3 columns
 * <Grid columns={3} gap="md">
 *   <Card>...</Card>
 *   <Card>...</Card>
 *   <Card>...</Card>
 * </Grid>
 *
 * // Responsive columns
 * <Grid columns={{ xs: 1, sm: 2, md: 3, lg: 4 }} gap="lg">
 *   {items.map(item => <Card key={item.id}>...</Card>)}
 * </Grid>
 *
 * // Auto-fit responsive
 * <Grid autoFit minColumnWidth="200px" gap="md">
 *   {items.map(item => <Card key={item.id}>...</Card>)}
 * </Grid>
 *
 * // With explicit grid items
 * <Grid columns={4} gap="md">
 *   <Grid.Item colSpan={2}>Wide item</Grid.Item>
 *   <Grid.Item>Normal item</Grid.Item>
 *   <Grid.Item>Normal item</Grid.Item>
 * </Grid>
 * ```
 */
export declare const Grid: import('react').ForwardRefExoticComponent<GridProps & import('react').RefAttributes<HTMLDivElement>>;
/**
 * Grid.Item component - A grid item with optional column/row spanning
 *
 * @example
 * ```tsx
 * <Grid columns={4}>
 *   <Grid.Item colSpan={2}>Wide item</Grid.Item>
 *   <Grid.Item rowSpan={2}>Tall item</Grid.Item>
 *   <Grid.Item>Normal item</Grid.Item>
 * </Grid>
 * ```
 */
export declare const GridItem: import('react').ForwardRefExoticComponent<GridItemProps & import('react').RefAttributes<HTMLDivElement>>;
declare const GridWithItem: import('react').ForwardRefExoticComponent<GridProps & import('react').RefAttributes<HTMLDivElement>> & {
    Item: import('react').ForwardRefExoticComponent<GridItemProps & import('react').RefAttributes<HTMLDivElement>>;
};
export default GridWithItem;
//# sourceMappingURL=Grid.d.ts.map