'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("../../text/components/Text.js"),r=require("@gem-sdk/system"),a=require("../common/styles.js"),l=require("../common/classes.js");exports.default=({styles:c,builderAttrs:i,style:n,setting:o,advanced:u,builderProps:C,disabled:x,...y})=>{let d=s.useEditorMode(),{text:g}=o??{},m=r.createStyle({...a.getButtonStyles(x,o)}),p=a.getTextStyles(x,o,c),j=r.createStyle({...a.getContainerStyle(c)}),S=r.createStyle({...a.getWrapperStyle(c)}),q=r.createClass(l.getButtonClass(o)),v=r.createClass(l.getTextClass(d)),N=r.createClass(l.getSpaceClass()),T=r.createClass(l.getContainerClass()),W=r.createClass(l.getTextClassWrapper()),f=r.createClass(l.getWrapperClass()),h=r.createAttr({...i});return e.jsxs("div",{...y,...h,className:f,style:S,children:[e.jsx("div",{className:N}),e.jsx("div",{className:T,style:j,children:e.jsx("button",{className:q,style:m,children:e.jsx(t.default,{setting:{text:g},textClassWrapper:W,textClass:v,styles:p})})})]})};
