@expofp/floorplan
Version:
Interactive floor plan library for expos and events
2 lines (1 loc) • 1.03 kB
JavaScript
import{jsx as e,jsxs as l}from"react/jsx-runtime";import"./ToursList.scss";import{observer as m}from"mobx-react-lite";import{t as o}from"../utils/i18n";import d from"./HighlightTextContainer";const c=m(({tours:s,onTourClick:r})=>{const n=(i,t,a)=>{r&&r(i,t,a)};return s.length===0?e("div",{className:"efp-tours-empty",children:e("p",{children:o("No Guided Tours found")})}):e("div",{className:"efp-tours-list",children:s.map(i=>e("div",{className:"efp-tour-item",onClick:()=>n(i,i.name,i.description),role:"button",tabIndex:0,onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),n(i,i.name,i.description))},children:l("div",{className:"efp-tour-item__body",children:[e("div",{className:"efp-tour-item__left",children:e("div",{className:"efp-tour-item__icon",children:e("i",{className:"icon-route-solid"})})}),e("div",{className:"efp-tour-item__right",children:e("div",{className:"efp-tour-item__content",children:e("div",{className:"efp-tour-item__title",children:e(d,{text:i.name})})})})]})},i.id))})});export default c;