import { type ReactNode } from "react";
import { Grid } from "../layout/index.js";
import type { ComponentPropsWithoutRef } from "react";
export * from "./variants.js";
type GridColumns = NonNullable<ComponentPropsWithoutRef<typeof Grid>["columns"]>;
type GridGap = NonNullable<ComponentPropsWithoutRef<typeof Grid>["gap"]>;
type ListVariant = "plain" | "divided";
type ListPropsBase<T> = {
    data: T[];
    renderItem: (item: T, index: number) => ReactNode;
    keyExtractor: (item: T, index: number) => string;
    onItemClick?: (item: T) => void;
    ListEmptyComponent?: ReactNode;
    ListHeaderComponent?: ReactNode;
    ListFooterComponent?: ReactNode;
    ItemSeparatorComponent?: ReactNode;
    direction?: "vertical" | "horizontal";
    variant?: ListVariant;
    columns?: GridColumns;
    gap?: GridGap;
    className?: string;
    itemClassName?: string;
};
type ListProps<T> = ListPropsBase<T> & ({
    layout?: "default";
} | {
    layout: "card";
    title: string;
    headerRight?: ReactNode;
});
export declare function List<T>(props: ListProps<T>): import("react").JSX.Element;
//# sourceMappingURL=index.d.ts.map