'use client';
import{jsxs as e,jsx as l}from"react/jsx-runtime";import{createClass as s,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 F,createIconContentClasses as S}from"./common/classes.js";import{getInputAttr as R}from"./common/attr.js";let FileUpload=({setting:U,styles:_,builderProps:k,pageContext:q})=>{let C=s(u(U,k?.uid)),I=i({...t(m(U,_),_?.enableHoverEffect)}),L=s(y(_)),M=i({...t(o(_),_?.enableHoverEffect)}),O=s(h()),T=s(b()),V=s(H()),w=s(g()),z=s(E()),A=i(n()),B=s(j()),D=s(x("gp-flex gp-items-center")),G=a({...R(U?.isRequired,U?.numberOfFiles)}),J=i({...t(d(_?.align,_?.textColor),_?.enableHoverEffect)}),K=i({...t(f(U),_?.enableHoverEffect)}),P=s(F(k?.uid)),Q=i({...t(v(U,_),_?.enableHoverEffect)}),W=i({...t(p(U),_?.enableHoverEffect)}),X=s(S()),Y=i({...t(N(U,_),_?.enableHoverEffect)}),Z=c("React",{uid:k?.uid,setting:U,styles:_,pageContext:q});return e("div",{className:P,style:J,children:[l("input",{...G,className:B}),l("div",{className:D,style:K,children:l("div",{className:O,style:Q,children:e("div",{className:C,style:I,children:[r(!!(U?.iconSvg&&U.iconVisible),l("div",{className:D,style:W,children:l("div",{className:X,style:Y,dangerouslySetInnerHTML:{__html:U?.iconSvg??""}})})),l("div",{className:L,style:M,children:Z})]})})}),l("div",{className:T,children:l("div",{className:V,children:l("div",{className:w})})}),l("div",{className:z,style:A})]})};export{FileUpload as default};
