@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 626 B
JavaScript
import{jsx as t}from"react/jsx-runtime";import{styled as o}from"@mui/material";import i from"../../BrandCore/Icon/Icon.js";import e from"../Button/Button.js";const a=o(e)(({disabled:t,theme:o})=>({background:`linear-gradient(-18deg, ${o.custom.palette.purple[600]} 0%, ${o.custom.palette.blue[400]} 100%)`,color:o.custom.palette.text.lockedWhite,minWidth:0,opacity:t?.5:1,padding:o.spacing(o.custom.padding.sm)})),r=({text:o,disabled:e,loading:r,slotProps:n,onClick:d})=>t(a,{variation:"primary",sizing:"md",startIcon:t(i,{name:"ai"}),disabled:e,loading:r,onClick:d,...n?.button,children:o||"Loops AI"});export{r as default};