import React, { CSSProperties } from 'react';
export declare enum LabelSortingValue {
    latest = "latest",
    oldest = "oldest",
    popular = "popular"
}
export type ChoiceItem = {
    label: string;
    value: string;
};
export type Props = {
    onChange?: (v: string) => void;
    color?: 'gray' | 'white';
    className?: string;
    style?: CSSProperties;
    leftLabel?: string;
    rightLabel?: string;
    value?: LabelSortingValue;
    choices?: ChoiceItem[];
};
export declare const LabelSorting: ({ onChange, className, style, leftLabel, rightLabel, color, value, choices, }: Props) => React.JSX.Element;
export declare const useSortChoices: (choices: ChoiceItem[]) => {
    setSortChoiceValue: React.Dispatch<React.SetStateAction<LabelSortingValue>>;
    selectedSortChoice: ChoiceItem;
    sortedChoices: ChoiceItem[];
};
export declare const useSortCommentChoices: () => {
    setSortChoiceValue: React.Dispatch<React.SetStateAction<LabelSortingValue>>;
    selectedSortChoice: ChoiceItem;
    sortedChoices: ChoiceItem[];
};