import { Value } from '@tempots/dom';
import { BulkAction, DataSource } from './data-source';
import { DescribeFilterOptions } from './filter';
/**
 * Options for the {@link DataToolbar} component.
 *
 * @typeParam T - The type of data rows in the data source
 * @typeParam C - Column identifier type (defaults to `string`)
 */
export interface DataToolbarOptions<T, C extends string = string> {
    /** The data source to display state for */
    dataSource: DataSource<T, C>;
    /** Show active sort indicators. @default true */
    showSort?: Value<boolean>;
    /** Show active filter chips. @default true */
    showFilters?: Value<boolean>;
    /** Show selection count and bulk actions. @default true */
    showSelection?: Value<boolean>;
    /** Available bulk actions when rows are selected */
    bulkActions?: BulkAction[];
    /** Custom label for the reset button */
    resetLabel?: Value<string>;
    /** Optional callback to describe custom (non-builtin) filter kinds */
    describeFilter?: DescribeFilterOptions<C>['describeFilter'];
}
/**
 * A toolbar displaying the active state of a {@link DataSource}: active sort indicators,
 * filter chips with remove buttons, selection count, bulk action buttons, and a "Reset all" control.
 *
 * @typeParam T - The type of data rows
 * @param options - Toolbar configuration
 * @returns A toolbar element
 *
 * @example
 * ```ts
 * DataToolbar({
 *   dataSource: ds,
 *   bulkActions: [
 *     { label: 'Delete', icon: 'mdi:delete', onClick: (sel) => deleteRows(sel) },
 *   ],
 * })
 * ```
 */
export declare function DataToolbar<T, C extends string = string>({ dataSource, showSort, showFilters, showSelection, bulkActions, resetLabel, describeFilter: describeFilterCb, }: DataToolbarOptions<T, C>): import("@tempots/core").Renderable<import("@tempots/dom").DOMContext, typeof import("@tempots/dom").DOM_RENDERABLE_TYPE>;