@expofp/floorplan/dist/esm/ui/RebookingNotes/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{useId as u,useState as _}from"react";import v from"../Button";const x=({value:n,noteLabel:i,saveButtonLabel:l,saveButtonAriaLabel:r,onSave:d})=>{const t=u(),o=`${t}-label`,c=`${t}-textarea`,[a,b]=_(n??""),h=g=>b(g.target.value),m=()=>{d(a)};return s("div",{className:"rebooking-notes",children:[e("div",{className:"rebooking-notes__view-header",children:e("strong",{id:o,children:i})}),s("div",{className:"rebooking-notes__edit",children:[e("div",{className:"rebooking-notes__val",children:e("textarea",{id:c,value:a,onChange:h,"aria-labelledby":o})}),e("div",{className:"rebooking-notes__buttons",children:e(v,{inline:!0,onClick:m,disabled:(n??"")===a,"aria-label":r,children:l})})]})]})};export default x;