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