import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{I as Icon}from"./Icon.component-BVkaZqpA.js";const filterpillStyles=`
	jn-inline-flex
	jn-basis-auto
	jn-shrink
	jn-items-center
	jn-flex-nowrap
	jn-text-xs
	jn-p-px
	jn-border
	jn-rounded
	jn-mr-2
	jn-border-theme-filter-pill
	last:jn-mr-0
`,filterkeyStyles=`
	jn-bg-theme-filter-pill-key
	jn-px-1
	jn-py-0.5
	jn-rounded-sm
  jn-text-theme-high
	jn-inline-block
`,filtervalueStyles=`
	jn-px-1
	jn-py-0.5
	jn-text-theme-high
	jn-inline-block
`,FilterPill=a=>{let{uid:c="",filterKey:d="",filterKeyLabel:e="",filterValue:f="",filterValueLabel:g="",onClose:h=void 0,className:i="",...b}=a;return React__default.createElement("div",_extends({className:`juno-filterpill ${filterpillStyles} ${i}`},b),React__default.createElement("span",{className:`${filterkeyStyles}`},e||d),React__default.createElement("span",{className:`${filtervalueStyles}`},g||f),React__default.createElement(Icon,{icon:"close",size:"18",onClick:()=>{h&&h(c||d)}}))};FilterPill.propTypes={uid:PropTypes.string,filterKey:PropTypes.string.isRequired,filterKeyLabel:PropTypes.string,filterValue:PropTypes.string.isRequired,filterValueLabel:PropTypes.string,className:PropTypes.string,onClose:PropTypes.func};export{FilterPill as F};