woocommerce/packages/woocommerce-blocks/assets/js/base/components/dropdown-selector/selected-chip.js
2021-12-10 12:03:04 +00:00

27 lines
716 B
JavaScript

/**
* External dependencies
*/
import { __, sprintf } from '@wordpress/i18n';
import { RemovableChip } from '@woocommerce/base-components/chip';
const DropdownSelectorSelectedChip = ( { onRemoveItem, option } ) => {
return (
<RemovableChip
className="wc-block-dropdown-selector__selected-chip wc-block-components-dropdown-selector__selected-chip"
removeOnAnyClick={ true }
onRemove={ () => {
onRemoveItem( option.value );
} }
ariaLabel={ sprintf(
/* translators: %s is referring to the filter option being removed. */
__( 'Remove %s filter', 'woocommerce' ),
option.name
) }
text={ option.label }
radius="large"
/>
);
};
export default DropdownSelectorSelectedChip;