import { ReactNode } from "react"; import { FormatOptionLabelMeta, GroupBase, MultiValueGenericProps, OptionProps } from "react-select"; import { IDropdownOption, OptionVariants } from "../Dropdown.interface"; import { IDropdownControlProps, IDropdownIndicatorProps, IValueContainerProps } from "./SelectDropdown/SelectDropdown.interface"; interface RenderCustomComponentsProps { isClearable: boolean; isSelected: boolean; isError: boolean; isDisabled: boolean; areAllMultiValuesShown?: boolean; variant: OptionVariants; prefixIcon?: ReactNode; formatOptionLabel?: (data: IDropdownOption, formatOptionLabelMeta: FormatOptionLabelMeta) => ReactNode; } export declare const useRenderCustomComponents: ({ isClearable, isSelected, isError, isDisabled, variant, prefixIcon, formatOptionLabel, areAllMultiValuesShown, }: RenderCustomComponentsProps) => { components: { Menu: (props: import("react-select").MenuProps>) => import("react/jsx-runtime").JSX.Element; MultiValue: (props: import("react-select").MultiValueProps>) => import("react/jsx-runtime").JSX.Element; MultiValueLabel: (props: MultiValueGenericProps>) => import("react/jsx-runtime").JSX.Element; ValueContainer: (props: IValueContainerProps) => import("react/jsx-runtime").JSX.Element; MultiValueRemove: (props: import("react-select").MultiValueRemoveProps>) => import("react/jsx-runtime").JSX.Element; DropdownIndicator: (props: IDropdownIndicatorProps) => import("react/jsx-runtime").JSX.Element; Control: (props: IDropdownControlProps) => import("react/jsx-runtime").JSX.Element; ClearIndicator: (props: import("react-select").ClearIndicatorProps>) => import("react/jsx-runtime").JSX.Element; Input: ({ id, ...props }: import("react-select").InputProps>) => import("react/jsx-runtime").JSX.Element; Option?: ((props: OptionProps>) => import("react/jsx-runtime").JSX.Element) | undefined; }; }; export {};