import { type ReactNode } from "react";
import { type CardProps } from "../card/index.js";
export * from "./variants.js";
type SectionListSection<T> = {
    key: string;
    title: string;
    description?: string;
    data: T[];
    /** Content rendered inline next to the title (e.g. a badge) */
    titleRight?: ReactNode;
    headerRight?: ReactNode;
};
type SectionListCardOptions = Omit<CardProps, "children">;
type SectionListBaseProps<T> = {
    sections: SectionListSection<T>[];
    renderItem: (item: T, index: number) => ReactNode;
    keyExtractor: (item: T, index: number) => string;
    onItemClick?: (item: T) => void;
    renderSectionHeader?: (section: SectionListSection<T>, ctx: {
        isExpanded: boolean;
        toggle: () => void;
    }) => ReactNode;
    collapsible?: boolean;
    defaultCollapsedKeys?: Set<string>;
    ListEmptyComponent?: ReactNode;
    SectionEmptyComponent?: ReactNode;
    gap?: "xs" | "sm" | "md" | "lg";
    columns?: 1 | 2 | 3 | 4;
    /** Render a light bottom border between items instead of gap spacing */
    divided?: boolean;
    /** Extract children from an item for recursive rendering */
    getChildren?: (item: T) => T[] | undefined;
};
type SectionListDefaultProps<T> = SectionListBaseProps<T> & {
    variant?: "default";
};
type SectionListCardProps<T> = SectionListBaseProps<T> & {
    variant: "card";
    cardProps: SectionListCardOptions;
};
type SectionListProps<T> = SectionListDefaultProps<T> | SectionListCardProps<T>;
export declare function SectionList<T>(props: SectionListProps<T>): import("react").JSX.Element;
export type { SectionListSection, SectionListProps, SectionListCardOptions };
//# sourceMappingURL=index.d.ts.map