'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),helpers=require("./common/helpers.js"),style=require("./common/style.js"),classes=require("./common/classes.js"),attr=require("./common/attr.js");const FileUpload=({setting:e,styles:s,builderProps:t,pageContext:l})=>{let a=system.createClass(classes.createLayoutClasses(e,t?.uid)),r=system.createStyle({...helpers.removeHoverStyles(style.createLayoutStyles(e,s),s?.enableHoverEffect)}),c=system.createClass(classes.createTypoClasses(s)),m=system.createStyle({...helpers.removeHoverStyles(style.createTypoStyles(s),s?.enableHoverEffect)}),y=system.createClass(classes.createContentWidthClasses()),i=system.createClass(classes.createPreviewClasses()),n=system.createClass(classes.createPreviewItemClasses()),o=system.createClass(classes.createPreviewRemoveClasses()),v=system.createClass(classes.createMessageClasses()),u=system.createStyle(style.createMessageStyles()),d=system.createClass(classes.createInputClasses()),j=system.createClass(classes.composeClasses("gp-flex gp-items-center")),x=system.createAttr({...attr.getInputAttr(e?.isRequired,e?.numberOfFiles)}),C=system.createStyle({...helpers.removeHoverStyles(style.createContainerStyles(s?.align,s?.textColor),s?.enableHoverEffect)}),p=system.createStyle({...helpers.removeHoverStyles(style.createWrapContentWidthStyles(e),s?.enableHoverEffect)}),S=system.createClass(classes.createWrapContainerClasses(t?.uid)),h=system.createStyle({...helpers.removeHoverStyles(style.createContentWithStyles(e,s),s?.enableHoverEffect)}),f=system.createStyle({...helpers.removeHoverStyles(style.createIconContainerStyles(e),s?.enableHoverEffect)}),R=system.createClass(classes.createIconContentClasses()),H=system.createStyle({...helpers.removeHoverStyles(style.createIconContentStyles(e,s),s?.enableHoverEffect)}),N=helpers.getDisplayText("React",{uid:t?.uid,setting:e,styles:s,pageContext:l});return jsxRuntime.jsxs("div",{className:S,style:C,children:[jsxRuntime.jsx("input",{...x,className:d}),jsxRuntime.jsx("div",{className:j,style:p,children:jsxRuntime.jsx("div",{className:y,style:h,children:jsxRuntime.jsxs("div",{className:a,style:r,children:[system.If(!!(e?.iconSvg&&e.iconVisible),jsxRuntime.jsx("div",{className:j,style:f,children:jsxRuntime.jsx("div",{className:R,style:H,dangerouslySetInnerHTML:{__html:e?.iconSvg??""}})})),jsxRuntime.jsx("div",{className:c,style:m,children:N})]})})}),jsxRuntime.jsx("div",{className:i,children:jsxRuntime.jsx("div",{className:n,children:jsxRuntime.jsx("div",{className:o})})}),jsxRuntime.jsx("div",{className:v,style:u})]})};exports.default=FileUpload;
