@hanamura/react-containers/dist/Tile.d.ts

Flexible container components for React

import { ContainerProps, DefaultSpacingType, CommonContainerOptions, SpacingValue } from './core/types';
/**
 * Options for configuring the Tile component
 */
export interface TileOptions<S extends string | number = DefaultSpacingType> extends CommonContainerOptions<S> {
    /** Number of columns in the grid */
    columns: number;
    /** Space between grid items (single value or [rowGap, columnGap]) */
    gap?: SpacingValue<S>;
}
/**
 * Props for the Tile component
 */
export type TileProps<K extends string = string, S extends string | number = DefaultSpacingType> = ContainerProps<K, TileOptions<S>, S>;
/**
 * Tile component - creates a responsive grid layout
 *
 * Features:
 * - Responsive column count based on breakpoints
 * - Configurable gap between grid items
 * - Uses CSS Grid for modern layout capabilities
 */
export declare function Tile<K extends string = string, S extends string | number = DefaultSpacingType>({ children, defaultOptions, queries, adaptiveOptions, className, style, }: TileProps<K, S>): import("react/jsx-runtime").JSX.Element;