'use client';
import{jsxs as t,jsx as e}from"react/jsx-runtime";import m from"../../text/components/Text.js";import{createClass as s,createStyle as o,createAttr as r}from"@gem-sdk/system";import{getCalloutTextWrapperClasses as l}from"../common/classes.js";import{getCalloutTextStyle as i,getTextStyles as c}from"../common/styles.js";import{makeStyleResponsiveWidth as n}from"@gem-sdk/core";let p=({setting:p={},styles:a={},style:d,builderAttrs:f,builderProps:x,children:y})=>{let{width:j,align:u}=a,{message:g}=p,h=s({...l({align:u,builderProps:x})}),k=o({...n(j)}),v={...c(a)},T=o(i(d)),C=r({...f});return t("div",{...C,className:h,style:T,children:[e("div",{style:k,children:e(m,{setting:{text:g},styles:v})}),y]})};export{p as default};
