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