import o from"react";import"prop-types";import t from"../../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import n from"../../../Button/Button.js";import e from"../../../Icon/Icons/components/NoColor.js";var i=o.forwardRef((function(e,i){var r=e.text,a=e.Icon,c=e.isActive,s=t({ref:i,itemsCount:1,numberOfItemsInLine:1,onOutboundNavigation:e.onOutboundNavigation,onItemClicked:e.onClick});return o.createElement(n,{ref:i,size:n.sizes.SMALL,kind:n.kinds.TERTIARY,onClick:s.onSelectionAction,active:c,className:"clear-color-button"},o.createElement(a,{size:"16",className:"clear-color-icon"}),r)}));i.defaultProps={onClick:function(){},text:"Clear",Icon:e,isActive:!1,onOutboundNavigation:function(){}};export{i as ColorPickerClearButton};
