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

Interactive floor plan library for expos and events

import{jsx as a,jsxs as o}from"react/jsx-runtime";import"./RebookingRadioGroup.scss";import{observer as n}from"mobx-react-lite";import{t as r}from"../utils/i18n";export const defaultRebookingOptions=[{name:"offer",value:"0",label:r("Unasked"),iconName:"icon-question-mark",disabled:!1,color:{primary:"#8E99AB",secondary:"#EAEFF9"}},{name:"offer",value:"1",label:r("Accepted"),iconName:"icon-checkmark",disabled:!1,color:{primary:"#32B175",secondary:"#E4FFF2"}},{name:"offer",value:"2",label:r("Rejected"),iconName:"icon-close",disabled:!1,color:{primary:"#E1463C",secondary:"#FFEDEB"}},{name:"offer",value:"3",label:r("Undecided"),iconName:"icon-switch-horizontal",disabled:!1,color:{primary:"#FABA27",secondary:"#FFF7E5"}}];const m=({options:l,checked:i,showTitle:d,onChange:c})=>{const s=()=>l.map((e,b)=>o("div",{className:"rebooking-radio",style:{"--rebooking-color-primary":`${e.color.primary}`,"--rebooking-color-secondary":`${e.color.secondary}`},children:[a("input",{type:"radio",name:e.name,value:e.value,id:e.value,checked:e.value===i,disabled:e.disabled,onChange:c}),o("label",{htmlFor:e.value,children:[a("div",{className:"rebooking-radio__label",children:e.label}),a("div",{className:"rebooking-radio__icon",children:a("i",{className:e.iconName,"aria-hidden":"true"})})]})]},e.value));return o("div",{className:"rebooking-radio-group",children:[d&&a("div",{className:"rebooking-radio-group__title",children:r("Choose Rebooking offer")}),a("div",{className:"rebooking-radio-group__options",children:s()})]})};export default n(m);