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