'use client';
import{jsxs as s,jsx as t}from"react/jsx-runtime";import{useEditorMode as e}from"@gem-sdk/core";import m from"../../text/components/Text.js";import{createStyle as r,createClass as o,createAttr as l}from"@gem-sdk/system";import{getButtonStyles as a,getContainerStyle as i,getWrapperStyle as c,getTextStyles as n}from"../common/styles.js";import{getButtonClass as p,getTextClass as d,getSpaceClass as f,getContainerClass as x,getTextClassWrapper as y,getWrapperClass as u}from"../common/classes.js";let j=({styles:j,builderAttrs:N,style:g,setting:h,advanced:v,builderProps:k,disabled:C,...b})=>{let B=e(),{text:T}=h??{},W=r({...a(C,h)}),q=n(C,h,j),w=r({...i(j)}),z=r({...c(j)}),A=o(p(h)),D=o(d(B)),E=o(f()),F=o(x()),G=o(y()),H=o(u()),I=l({...N});return s("div",{...b,...I,className:H,style:z,children:[t("div",{className:E}),t("div",{className:F,style:w,children:t("button",{className:A,style:W,children:t(m,{setting:{text:T},textClassWrapper:G,textClass:D,styles:q})})})]})};export{j as default};
