@expofp/floorplan/dist/esm/components/RebookingNotes.js

Interactive floor plan library for expos and events

import{jsx as e,jsxs as s}from"react/jsx-runtime";import"./RebookingNotes.scss";import{observer as c}from"mobx-react-lite";import{useEffect as b,useState as m}from"react";import g from"../ui/Button";import{t as r}from"../utils/i18n";const h=({state:k="default",value:o,date:v,onClickSave:i})=>{const[a,n]=m(o);b(()=>{n(o)},[o]);const l=t=>n(t.target.value),_=()=>{n(o)},d=()=>{const t=a;i(t),n(t)};return s("div",{className:"rebooking-notes",children:[e("div",{className:"rebooking-notes__view-header",children:e("strong",{id:"note-label",children:r("Note")})}),s("div",{className:"rebooking-notes__edit",children:[e("div",{className:"rebooking-notes__val",children:e("textarea",{id:"rebooking-notes",name:"rebooking-notes",value:a,onChange:l,"aria-labelledby":"note-label"})}),e("div",{className:"rebooking-notes__buttons",children:e(g,{inline:!0,onClick:d,disabled:o===a,"aria-label":r("Save rebooking note"),children:r("Save note")})})]})]})};export default c(h);