@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 934 B
JavaScript
import{jsx as o,jsxs as t}from"react/jsx-runtime";import{styled as n,Box as r,useTheme as i,Stack as e}from"@mui/material";import{forwardRef as a}from"react";import{tone3 as d,tone3_lowOpacity as c}from"../../BrandCore/gradients.js";import p from"../AIWrittenByLockUp/AiWrittenByLockUp.js";const m=n(r)(({theme:o})=>({boxShadow:o.custom.elevation.aiSummary,borderRadius:o.spacing(o.custom.radius.md),background:d(o),padding:"1px"})),s=a(({children:n,sx:a,withLockUp:d,aiButtonText:s,onUpvote:u,onDownvote:l,onCopy:x,onClickAIButton:f,slotProps:g},h)=>{const k=i();return o(m,{sx:a,ref:h,children:t(e,{direction:"column",sx:{padding:k.spacing(k.custom.padding.md),borderRadius:"7px",background:c(k)},children:[o(r,{sx:{display:"flex",flex:1},...g?.childrenContainer,children:n}),d&&o(p,{aiButtonText:s,onClickAIButton:f,onUpvote:u,onDownvote:l,onCopy:x,...g?.aiWrittenByLockUp})]})})});export{m as AiContentContainerBox,s as default};