import React from 'react';
/**
*
* The StatusDropdown component is used in neeto products for showing a dropdown
*
* to select the status of an item.
*
* 
*
* @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