UNPKG

@useloops/design-system

Version:

The official React based Loops design system

github.com/useloops/useloops-ds

useloops/useloops-ds

2 lines (1 loc) • 633 B
1
2
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("../../BrandCore/Icon/Icon.js"),o=require("../Button/Button.js");const a=t.styled(o)(({disabled:e,theme:t})=>({background:`linear-gradient(-18deg, ${t.custom.palette.purple[600]} 0%, ${t.custom.palette.blue[400]} 100%)`,color:t.custom.palette.text.lockedWhite,minWidth:0,opacity:e?.5:1,padding:t.spacing(t.custom.padding.sm)}));module.exports=({text:t,disabled:o,loading:r,slotProps:n,onClick:s})=>e.jsx(a,{variation:"primary",sizing:"md",startIcon:e.jsx(i.default,{name:"ai"}),disabled:o,loading:r,onClick:s,...n?.button,children:t||"Loops AI"});