import { type ComponentPropsWithRef, type FC, type MouseEventHandler, type OptionHTMLAttributes, type ReactNode } from 'react';
type SortFieldType = {
    value: string;
} & Omit<OptionHTMLAttributes<HTMLOptionElement>, 'value'>;
type ArgsOnApply = {
    field: string;
    order: 'asc' | 'desc';
    newfields: SortFieldType[];
};
type AbstractProps = {
    /** 並び替え項目 */
    sortFields: SortFieldType[];
    /** 並び順の初期値 */
    defaultOrder: 'asc' | 'desc';
    sortFieldLabel?: ReactNode;
    sortOrderLegend?: ReactNode;
    ascLabel?: ReactNode;
    descLabel?: ReactNode;
    applyText?: ReactNode;
    cancelText?: ReactNode;
    /** 適用時に発火するイベント */
    onApply: (args: ArgsOnApply) => void;
    /** キャンセル時に発火するイベント */
    onCancel?: MouseEventHandler<HTMLButtonElement>;
};
type Props = AbstractProps & Omit<ComponentPropsWithRef<'button'>, keyof AbstractProps>;
export declare const SortDropdown: FC<Props>;
export {};