import React from 'react'; /** * * The StatusDropdown component is used in neeto products for showing a dropdown * * to select the status of an item. * * ![Screenshot](https://github.com/user-attachments/assets/aed45df0-e216-4886-9013-7f4d4aa940bf|height=200|width=300) * * @example * * import StatusDropdown from "@bigbinary/neeto-molecules/StatusDropdown"; * * const App = () => { * const [selectedStatus, setSelectedStatus] = React.useState("All"); * * const options = [ * { label: "All", value: "All", color: "red" }, * { label: "Open", value: "Open", color: "green" }, * { label: "In Progress", value: "In Progress", color: "yellow" }, * ]; * * return ( *
* setSelectedStatus(value)} * /> *
* ); * }; * @endexample * @example * * import StatusDropdown from "@bigbinary/neeto-molecules/StatusDropdown"; * * const App = () => { * const [selectedStatus, setSelectedStatus] = React.useState("All"); * * const options = [ * { label: "All", value: "All", color: "red" }, * { label: "Open", value: "Open", color: "green" }, * { label: "In Progress", value: "In Progress", color: "yellow" }, * ]; * * const hiddenStatuses = ["Open"]; * * return ( *
* setSelectedStatus(value)} * /> *
* ); * }; * @endexample */ declare const StatusDropdown: React.FC<{ disabled?: boolean; hiddenStatuses?: Array; isLoading?: boolean; onItemClick: (status: object) => void; options: Array; placeholder?: string; selectedValue: string; shouldShowAllOptions?: boolean; isClearable?: boolean; onClear?: () => void; }>; export { StatusDropdown as default };