@expofp/floorplan
Version:
Interactive floor plan library for expos and events
2 lines (1 loc) • 1.02 kB
JavaScript
import{jsx as r,jsxs as a}from"react/jsx-runtime";import"./SearchButtons.scss";import i from"classnames";import{observer as l}from"mobx-react-lite";import{useMemo as n}from"react";import m from"../../data";import e from"../../store";import{t as u}from"../../utils/i18n";import p from"../ScrollableRowContainer";import f from"./SearchButton";import d from"./SearchSubButtons";const c=l(()=>{const{searchButtonsStore:t}=e,s=n(()=>t.searchButtons.filter(o=>o.enabled),[t.searchButtons]);return t.shouldShow?a("div",{className:i("efp-search-buttons",{"is-overlay-full":e.uiState.isOverlayOpen&&e.uiState.overlaySize==="full","is-long-levels":!m.shortLevelName,"is-standalone":e.uiState.overlayOnDemand&&!e.uiState.isOverlayOpen,"efp-semi-transparent":e.uiState.setKioskModeEnabled}),children:[r(p,{ariaLabel:u("Search filters"),scrollAmount:150,showArrowsOnMobile:!1,arrowPosition:"inside",children:s.map(o=>r(f,{...o,isDisabled:e.uiState.setKioskModeEnabled},o.id))}),t.subButtonsEnabled&&r(d,{})]}):null});export default c;