import React from "react";
import type { Density } from "../../contexts/types";
export type CollectionGap = "tight" | "sm" | "md" | "lg" | string;
export interface CollectionProps {
    children: React.ReactNode;
    /**
     * Tamaño del gap entre items. Acepta presets semánticos que respetan la densidad
     * activa o cualquier valor CSS arbitrario (p. ej. "0.5rem", "8px").
     * - "tight" → 0
     * - "sm"    → var(--flysoft-density-gap-sm)
     * - "md"    → var(--flysoft-density-gap-md) (default)
     * - "lg"    → var(--flysoft-density-gap-lg)
     *
     * @default "md"
     */
    gap?: CollectionGap;
    direction?: "column" | "row";
    wrap?: boolean;
    className?: string;
    /**
     * Override local de densidad: redefine las variables CSS --flysoft-density-*
     * para esta Collection y sus descendientes. Útil para crear secciones densas
     * dentro de un layout con densidad global "comfortable".
     */
    density?: Density;
}
export declare const Collection: React.FC<CollectionProps>;
//# sourceMappingURL=Collection.d.ts.map