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