import React from "react";
import type { SortDirection } from "../SortIcon";
export interface DataTableSortableHeaderProps {
    /**
     * The header content to display (text, icons, etc.)
     */
    readonly children: React.ReactNode;
    /**
     * The current sort direction for this column. When undefined, the header renders as non-interactive.
     */
    readonly direction?: SortDirection;
    /**
     * Callback function triggered when the sortable header is clicked.
     * When undefined, the header renders as non-interactive.
     */
    readonly onSort?: () => void;
}
export declare function DataTableSortableHeader(props: DataTableSortableHeaderProps & React.HTMLAttributes<HTMLTableCellElement>): React.JSX.Element;