'use client';
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{createClass as l,createStyle as i,createAttr as a,If as r}from"@gem-sdk/system";import{removeHoverStyles as t,getDisplayText as c}from"./common/helpers.js";import{createLayoutStyles as m,createTypoStyles as o,createMessageStyles as n,createContainerStyles as d,createWrapContentWidthStyles as f,createContentWithStyles as v,createIconContainerStyles as p,createIconContentStyles as N}from"./common/style.js";import{createLayoutClasses as u,createTypoClasses as y,createContentWidthClasses as h,createPreviewClasses as b,createPreviewItemClasses as H,createPreviewRemoveClasses as g,createMessageClasses as E,createInputClasses as j,composeClasses as x,createWrapContainerClasses as S,createIconContentClasses as F}from"./common/classes.js";import{getInputAttr as R}from"./common/attr.js";let _=({setting:_,styles:k,builderProps:q,pageContext:C})=>{let I=l(u(_,q?.uid)),L=i({...t(m(_,k),k?.enableHoverEffect)}),M=l(y(k)),O=i({...t(o(k),k?.enableHoverEffect)}),T=l(h()),U=l(b()),V=l(H()),w=l(g()),z=l(E()),A=i(n()),B=l(j()),D=l(x("gp-flex gp-items-center")),G=a({...R(_?.isRequired,_?.numberOfFiles)}),J=i({...t(d(k?.align,k?.textColor),k?.enableHoverEffect)}),K=i({...t(f(_),k?.enableHoverEffect)}),P=l(S(q?.uid)),Q=i({...t(v(_,k),k?.enableHoverEffect)}),W=i({...t(p(_),k?.enableHoverEffect)}),X=l(F()),Y=i({...t(N(_,k),k?.enableHoverEffect)}),Z=c("React",{uid:q?.uid,setting:_,styles:k,pageContext:C});return e("div",{className:P,style:J,children:[s("input",{...G,className:B}),s("div",{className:D,style:K,children:s("div",{className:T,style:Q,children:e("div",{className:I,style:L,children:[r(!!(_?.iconSvg&&_.iconVisible),s("div",{className:D,style:W,children:s("div",{className:X,style:Y,dangerouslySetInnerHTML:{__html:_?.iconSvg??""}})})),s("div",{className:M,style:O,children:Z})]})})}),s("div",{className:U,children:s("div",{className:V,children:s("div",{className:w})})}),s("div",{className:z,style:A})]})};export{_ as default};
