@expofp/floorplan
Version:
Interactive floor plan library for expos and events
2 lines (1 loc) • 954 B
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 f from"../ScrollableRowContainer";import p from"./SearchButton";import c from"./SearchSubButtons";const d=l(()=>{const{searchButtonsStore:o}=e,s=n(()=>o.searchButtons.filter(t=>t.enabled),[o.searchButtons]);return o.shouldShow?a("div",{className:i("efp-search-buttons",{"is-overlay-full":e.uiState.isOverlayOpen&&e.uiState.overlaySize==="full","is-long-levels":!m.shortLevelName,"efp-semi-transparent":e.uiState.setKioskModeEnabled}),children:[r(f,{ariaLabel:u("Search filters"),scrollAmount:150,showArrowsOnMobile:!1,arrowPosition:"inside",children:s.map(t=>r(p,{...t,isDisabled:e.uiState.setKioskModeEnabled},t.id))}),o.subButtonsEnabled&&r(c,{})]}):null});export default d;