Interface HookFormSortProps<TFieldValues, TName>

interface HookFormSortProps<
    TFieldValues extends FieldValues = FieldValues,
    TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
> {
    ascIcon?: SemanticICONS;
    buttonActive?: boolean;
    buttonAnimated?: boolean | "vertical" | "fade";
    buttonAs?: any;
    buttonAttached?: boolean | "left" | "right" | "bottom" | "top";
    buttonBasic?: boolean;
    buttonCircular?: boolean;
    buttonClassName?: string;
    buttonColor?:
        | SemanticCOLORS
        | "facebook"
        | "google plus"
        | "instagram"
        | "linkedin"
        | "twitter"
        | "vk"
        | "youtube";
    buttonCompact?: boolean;
    buttonContent?: ReactNode;
    buttonDisabled?: boolean;
    buttonFloated?: SemanticFLOATS;
    buttonFluid?: boolean;
    buttonInverted?: boolean;
    buttonLabel?: SemanticShorthandItem<LabelProps>;
    buttonLabelPosition?: "left" | "right";
    buttonLoading?: boolean;
    buttonNegative?: boolean;
    buttonPositive?: boolean;
    buttonPrimary?: boolean;
    buttonRole?: string;
    buttonSecondary?: boolean;
    buttonSize?: SemanticSIZES;
    buttonTabIndex?: string | number;
    buttonToggle?: boolean;
    buttonType?: "reset" | "button" | "submit";
    descIcon?: SemanticICONS;
    dropdownAdditionLabel?: ReactNode;
    dropdownAdditionPosition?: "bottom" | "top";
    dropdownAllowAdditions?: boolean;
    dropdownAs?: any;
    dropdownBasic?: boolean;
    dropdownClassName?: string;
    dropdownClearable?: boolean;
    dropdownCloseOnBlur?: boolean;
    dropdownCloseOnChange?: boolean;
    dropdownCloseOnEscape?: boolean;
    dropdownCompact?: boolean;
    dropdownDeburr?: boolean;
    dropdownDefaultOpen?: boolean;
    dropdownDefaultSearchQuery?: string;
    dropdownDefaultSelectedLabel?: string | number;
    dropdownDefaultUpward?: boolean;
    dropdownDefaultValue?:
        | string
        | number
        | boolean
        | (string | number | boolean)[];
    dropdownDirection?: "left" | "right";
    dropdownDisabled?: boolean;
    dropdownError?: boolean;
    dropdownFloating?: boolean;
    dropdownFluid?: boolean;
    dropdownHeader?: ReactNode;
    dropdownIcon?: any;
    dropdownInline?: boolean;
    dropdownItem?: boolean;
    dropdownLabeled?: boolean;
    dropdownLazyLoad?: boolean;
    dropdownLoading?: boolean;
    dropdownMinCharacters?: number;
    dropdownMultiple?: boolean;
    dropdownNoResultsMessage?: ReactNode;
    dropdownOnAddItem?: (
        event: SyntheticEvent<HTMLElement>,
        data: DropdownProps,
    ) => void;
    dropdownOnBlur?: (
        event: FocusEvent<HTMLElement>,
        data: DropdownProps,
    ) => void;
    dropdownOnChange?: (
        event: SyntheticEvent<HTMLElement>,
        data: DropdownProps,
    ) => void;
    dropdownOnClick?: (
        event: MouseEvent<HTMLElement>,
        data: DropdownProps,
    ) => void;
    dropdownOnClose?: (
        event: SyntheticEvent<HTMLElement>,
        data: DropdownProps,
    ) => void;
    dropdownOnFocus?: (
        event: FocusEvent<HTMLElement>,
        data: DropdownProps,
    ) => void;
    dropdownOnLabelClick?: (
        event: MouseEvent<HTMLElement>,
        data: LabelProps,
    ) => void;
    dropdownOnMouseDown?: (
        event: MouseEvent<HTMLElement>,
        data: DropdownProps,
    ) => void;
    dropdownOnOpen?: (
        event: SyntheticEvent<HTMLElement>,
        data: DropdownProps,
    ) => void;
    dropdownOnSearchChange?: (
        event: SyntheticEvent<HTMLElement>,
        data: DropdownOnSearchChangeData,
    ) => void;
    dropdownOpen?: boolean;
    dropdownOpenOnFocus?: boolean;
    dropdownOptions?: DropdownItemProps[];
    dropdownPlaceholder?: string;
    dropdownPointing?:
        | boolean
        | "left"
        | "right"
        | "bottom"
        | "top"
        | "top left"
        | "top right"
        | "bottom right"
        | "bottom left";
    dropdownRenderLabel?: (
        item: DropdownItemProps,
        index: number,
        defaultLabelProps: LabelProps,
    ) => any;
    dropdownScrolling?: boolean;
    dropdownSearch?:
        | boolean
        | ((options: DropdownItemProps[], value: string) => DropdownItemProps[]);
    dropdownSearchInput?: any;
    dropdownSearchQuery?: string;
    dropdownSelectedLabel?: string | number;
    dropdownSelectOnBlur?: boolean;
    dropdownSelectOnNavigation?: boolean;
    dropdownSimple?: boolean;
    dropdownTabIndex?: string | number;
    dropdownText?: string;
    dropdownTrigger?: ReactNode;
    dropdownUpward?: boolean;
    dropdownWrapSelection?: boolean;
    hookControl?: Control<TFieldValues, any, TFieldValues>;
    hookDefaultValue?: PathValueImpl<TFieldValues, TName>;
    hookDisabled?: boolean;
    hookName: TName;
    hookRules?: Omit<
        RegisterOptions<TFieldValues, TName>,
        "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs",
    >;
    hookShouldUnregister?: boolean;
    logger?: Logger;
    sortOptions?: DropdownItemProps[];
    [key: string]: any;
    [key: number]: any;
}