@expofp/floorplan
Version:
Interactive floor plan library for expos and events
2 lines (1 loc) • 1.04 kB
JavaScript
import{jsx as e,jsxs as s}from"react/jsx-runtime";import"./Free.scss";import a from"classnames";import{useLocalStore as o,useObserver as m}from"mobx-react-lite";import{uiState as i}from"../store";import{buildFreeBannerCtaUrl as d,writeFreeBannerDismissed as l}from"../tools/freeBanner";import{t as n}from"../utils/i18n";import{useInit as c}from"../utils/mobx";export default function f(){const r=o(()=>({hidden:!0,get classes(){return a("free",{hidden:this.hidden})}}));return c(()=>{i.freeBannerDismissed||window.setTimeout(()=>{r.hidden=!1},2e3)}),m(()=>e("div",{className:r.classes,children:s("section",{children:[e("div",{className:"free__message",children:s("span",{children:[n("Create a free floor plan at"),"\xA0",e("a",{href:d(),target:"_blank",rel:"noopener noreferrer",children:"ExpoFP.com"})]})}),e("button",{type:"button",className:"free__dismiss",onClick:t,"aria-label":n("Dismiss"),children:e("i",{className:"icon-close","aria-hidden":"true"})})]})}));function t(){r.hidden=!0,l(sessionStorage),i.freeBannerDismissed=!0}}