import type { BoxProps } from "@twilio-paste/box"; import type { ButtonProps } from "@twilio-paste/button"; import type { HTMLPasteProps } from "@twilio-paste/types"; import * as React from "react"; export type SortDirection = "ascending" | "descending" | "none"; interface DataGridHeaderSortIconProps { /** * Sort direction matching aria spec * * @type {SortDirection} * @memberof DataGridHeaderSortIconProps */ direction: SortDirection; element?: BoxProps["element"]; } export interface DataGridHeaderSortProps extends HTMLPasteProps<"button">, DataGridHeaderSortIconProps { /** * Overrides the default element name to apply unique styles with the Customization Provider * * @default 'DATA_GRID_HEADER_SORT' * @type {BoxProps['element']} * @memberof DataGridHeaderSortProps */ element?: BoxProps["element"]; /** * Callback when the sort button is pressed. Used to handle sorting. * * @memberof DataGridHeaderSortProps */ onClick?: () => void; /** * Sort button label text when `direction` is "ascending" * * @default 'Sort ascending' * @type {string} * @memberof DataGridHeaderSortProps */ i18nAscendingLabel?: string; /** * Sort button label text when `direction` is "descending" * * @default 'Sort descending' * @type {string} * @memberof DataGridHeaderSortProps */ i18nDescendingLabel?: string; /** * Sort button label text when `direction` is "none" * * @default 'Unsorted' * @type {string} * @memberof DataGridHeaderSortProps */ i18nUnsortedLabel?: string; tabIndex?: ButtonProps["tabIndex"]; } /** * DataGrid sort button component. Must be placed in a DataGridHeader * * @param {"ascending" | "descending" | "none"} direction - provided to determine which icon to render * @param {function} onClick - callback for when the button is clicked * @param {string} element - customization element */ export declare const DataGridHeaderSort: React.FC>; export {}; //# sourceMappingURL=DataGridHeaderSort.d.ts.map