type TableCardsSortingOption = {
    /**
     * ID to use for the select option.
     */
    id: string;
    /**
     * Translated column label to be shown in the select.
     */
    label: string | React.ReactNode;
    /**
     * Defines the column which is currently sorted by.
     */
    selected?: boolean;
    /**
     * Defines if the column can be sorted.
     *
     * Hence, it will be disabled in the select.
     */
    disabled?: boolean;
};
export type TableCardsSortingProps = {
    /**
     * "Name", "Key", or "Id" of the current sorted column.
     */
    sortName: string;
    /**
     * Defines the sort direction.
     *
     * @default 'asc'
     */
    sortOrder: 'asc' | 'desc';
    /**
     * List of objects for the column name select component.
     */
    selectOptions: TableCardsSortingOption[];
    /**
     * Function that is called when the sort key or direction changes.
     *
     * @default noop
     */
    onSortChange?: (name: string, order: 'asc' | 'desc') => void;
    /**
     * Optional class names for the wrapper element.
     */
    className?: string;
};
declare const TableCardsSorting: (props: TableCardsSortingProps) => import("react/jsx-runtime").JSX.Element;
export default TableCardsSorting;
