\n {\n if (disabled) {\n return;\n }\n setIsOpen((open) => {\n return !open;\n });\n }}\n >\n \n
\n \n \n );\n};\n\nDropdown.Item = DropdownItem;\n\nDropdown.Divider = DropdownDivider;\n\nDropdown.propTypes = {\n /**\n * The value of the currently selected dropdown item. If this value match\n * with the value passed to a Dropdown.item it will be used as label if the label prop its empty\n */\n value: PropTypes.any,\n /**\n * Called when a dropdown item is selected.\n */\n onChange: PropTypes.func,\n /**\n * The color of the dropdown button.\n */\n color: PropTypes.oneOfType([\n PropTypes.oneOf([\n 'primary',\n 'link',\n 'info',\n 'success',\n 'warning',\n 'danger',\n 'dark',\n 'text',\n ]),\n PropTypes.string,\n ]),\n disabled: PropTypes.bool,\n /**\n * Whether the dropdown should align to the right side.\n */\n right: PropTypes.bool,\n /**\n * Whether the dropdown menu should appear above the dropdown button\n * instead of below.\n */\n up: PropTypes.bool,\n /**\n * Whether the dropdown menu can be activated when the cursor\n * hovers above the button without clicking.\n */\n hoverable: PropTypes.bool,\n /**\n * A string, or a react component that displays the label of the dropdown\n * button. if not set it will be use the selected Dropdown.Item or the first one\n * if there is no selected\n */\n label: PropTypes.node,\n /**\n * Whether the dropdown menu should be closed when a dropdown item is selected.\n */\n closeOnSelect: PropTypes.bool,\n /**\n * A react component that draws the icon of the dropdown button.\n * Usually it is an arrow (or a chevron) pointing downwards (or upwards).\n */\n icon: PropTypes.node,\n /**\n * Additional CSS classes to pass to `