@expofp/floorplan
Version:
Interactive floor plan library for expos and events
2 lines (1 loc) • 1.09 kB
JavaScript
import{jsx as o,jsxs as _}from"react/jsx-runtime";import"./SearchButton.scss";import a from"classnames";import{observer as x}from"mobx-react-lite";const N=x(({id:j,label:n,icon:c,text:t,active:l,count:e,variant:s="toggle",expanded:u=!1,isDimmed:f=!1,isDisabled:i=!1,showZeroCount:h=!1,backgroundColor:r,textColor:m,onClick:p})=>{const b=e!==void 0&&(e>0||h),d=!!r;return _("button",{type:"button",style:d?{"--btn-bg-color":r,"--btn-text-color":m||"#1a1a1a"}:void 0,className:a("efp-search-button",`efp-search-button--${s}`,{"is-active":l,"is-dimmed":f,"is-disabled":i,"has-custom-color":d}),onClick:()=>{p?.(),window.__resett?.()},disabled:i,"aria-label":n,title:t?void 0:n,"aria-haspopup":s==="action"?"dialog":void 0,"aria-expanded":s==="action"?u:void 0,children:[c&&o("i",{className:a(c,"efp-search-button__icon")}),t&&o("span",{className:"efp-search-button__text",children:t}),s==="action"&&o("i",{className:"icon-chevron-down efp-search-button__chevron","aria-hidden":"true"}),b&&o("span",{className:a("efp-search-button__count",{"is-zero":e===0}),children:e})]})});export default N;