'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/getProductPropertiesChoiceClasses.js"),r=require("./common/getProductPropertiesChoiceStyles.js"),l=require("./common/getProductPropertiesChoiceInlineCss.js"),a=require("@gem-sdk/system");exports.default=({setting:c,styles:i,defaultName:o,currentProductId:P})=>{let n=s.useUniqProductID(),{name:C,type:u,handleChange:y,childItem:d}=c??{},{valueTextColor:m}=i??{},p=`${(C||o)??""}-${P}`,g=l.getPPCInlineStyleChoice(o,m),h=a.createClass({...t.getPPCWrapperClasses()}),j=a.createClass({...t.getPPCLabelClasses(i)}),S=a.createStyle({...r.getPPCWrapperStyles(i)}),x=a.createClass({...t.getPPCWrapperClassesMain()}),$=a.createStyle({...r.getPPCContainerStyles(i)}),q=a.createStyle({...r.getPPCLabelStyles(i)}),v=a.createStyle({...r.getPPCInputStyles(i)});return e.jsxs("div",{style:S,className:x,children:[e.jsx("style",{children:g}),d?.map((s,t)=>e.jsxs("div",{style:$,className:h,children:[e.jsx("input",{type:u,id:`${n}-${p}-${t}`,name:p,value:s,style:v,onChange:y}),e.jsx("label",{htmlFor:`${n}-${p}-${t}`,className:j,style:q,children:s})]},t))]})};
