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

Flexible container components for React

import { ContainerProps, DefaultSpacingType, CommonContainerOptions, SpacingValue } from '../core';
/**
 * 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
 * - Customizable HTML element via 'as' prop
 */
export declare function Tile<K extends string = string, S extends string | number = DefaultSpacingType>({ children, options, queries, adaptiveOptions, fallback, className, style, as, ...rest }: TileProps<K, S>): import("react/jsx-runtime").JSX.Element;