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

Interactive floor plan library for expos and events

import{jsx as a,jsxs as r}from"react/jsx-runtime";import"./RebookingRadioGroup.scss";import{useId as n}from"react";const m=({options:o,value:s,title:i,onChange:c})=>{const d=n();return r("div",{className:"rebooking-radio-group",children:[i&&a("div",{className:"rebooking-radio-group__title",children:i}),a("div",{className:"rebooking-radio-group__options",children:o.map(e=>{const l=`${d}-${e.value}`;return r("div",{className:"rebooking-radio",style:{"--rebooking-color-primary":e.color},children:[a("input",{type:"radio",name:d,value:e.value,id:l,checked:e.value===s,disabled:e.disabled,onChange:()=>c(e.value)}),r("label",{htmlFor:l,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)})})]})};export default m;