import { default as React } from 'react';
import { default as IGridProps } from './IGridProps';
/**
 * Grid component for creating responsive grid layouts
 * @param props {@link IGridProps} - Props for the Grid component
 * @returns The rendered Grid component
 *
 * @example
 * ```tsx
 * // Basic usage
 * function App() {
 *   return (
 *     <Grid>
 *       <GridCell>
 *         Full Width
 *       </GridCell>
 *     </Grid>
 *   );
 * }
 * ```
 *
 * @example
 * ```tsx
 * // Responsive grid
 * function App() {
 *   return (
 *     <Grid columns={{ xs: 4, sm: 6, lg: 12 }}>
 *       <GridCell columnSpan={{ xs: 4, sm: 6, lg: 12 }}>
 *         Full Width
 *       </GridCell>
 *       <GridCell columnSpan={{ xs: 2, sm: 3, lg: 6 }}>
 *         Half Width
 *       </GridCell>
 *       <GridCell columnSpan={{ xs: 2, sm: 3, lg: 6 }}>
 *         Half Width
 *       </GridCell>
 *       <GridCell columnSpan={{ xs: 1, sm: 2, lg: 3 }}>
 *         Quarter
 *       </GridCell>
 *       <GridCell columnSpan={{ xs: 1, sm: 2, lg: 3 }}>
 *         Quarter
 *       </GridCell>
 *       <GridCell columnSpan={{ xs: 1, sm: 2, lg: 3 }}>
 *         Quarter
 *       </GridCell>
 *       <GridCell columnSpan={{ xs: 1, sm: 2, lg: 3 }}>
 *         Quarter
 *       </GridCell>
 *     </Grid>
 *   );
 * }
 * ```
 */
declare const Grid: React.FC<IGridProps & React.RefAttributes<HTMLDivElement>>;
export default Grid;
