/*! Strand UI | MIT License | dillingerstaffing.com */
import type { ComponentChildren, JSX } from "preact";
export type TableRow = Record<string, unknown>;
export type TableSort = {
    key: string;
    direction: "asc" | "desc";
};
export interface TableColumn {
    /** Field key in each row. */
    key: string;
    header: string;
    sortable?: boolean;
    width?: string;
    /** Renders the cell from the whole row; the field value renders by default. */
    render?: (row: TableRow, index: number) => ComponentChildren;
}
export interface TableProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "data"> {
    columns: TableColumn[];
    data: TableRow[];
    /** Field whose value keys each row, or a function of the row; the row index by default. */
    rowKey?: string | ((row: TableRow, index: number) => string | number);
    /** The table's accessible name, rendered as a visually hidden caption. */
    label?: string;
    /** A visible caption. */
    caption?: ComponentChildren;
    /** Text of the single cell shown when there are no rows. */
    emptyLabel?: string;
    /** Controlled sort; leave unset to let the table own it. */
    sort?: TableSort | null;
    /** Called with the column key and the direction after a sortable header is pressed. */
    onSort?: (key: string, direction: "asc" | "desc") => void;
}
/**
 * Data table with sortable headers.
 *
 * @example
 * <Table columns={[{ key: "name", header: "Name", sortable: true }]} data={rows} onSort={sortBy} />
 */
export declare const Table: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<TableProps> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
//# sourceMappingURL=Table.d.ts.map