import { ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps } from '../../../types';
/**
 * Props for the GridItem component
 * @extends ComponentPropsWithoutRef<"div">
 * @extends LayoutUtilProps
 */
export type GridItemProps = ComponentPropsWithoutRef<"div"> & LayoutUtilProps;
/**
 * GridItem component for individual items within a CSS Grid layout.
 *
 * Features:
 * - Individual grid item with full layout utility support
 * - Automatic grid item styling and class management
 * - Comprehensive layout utilities for positioning and sizing
 * - Support for all standard div element props
 * - Flexible grid positioning and sizing controls
 * - Automatic style generation and class management
 * - Works seamlessly with Grid component
 *
 * @example
 * <Grid templateColumns="repeat(2, 1fr)" gap="4">
 *   <Grid.Item>Grid Item 1</Grid.Item>
 *   <Grid.Item>Grid Item 2</Grid.Item>
 * </Grid>
 */
export declare const GridItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;