UNPKG

@privy-io/react-auth

Version:

React client for the Privy Auth API

3 lines (2 loc) 1.62 kB
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{X as t,Check as o}from"lucide-react";import c from"react";import{styled as i}from"styled-components";const a=/*#__PURE__*/i.div.withConfig({displayName:"TodoList",componentId:"sc-bcc78743-0"})(["display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding-left:8px;"]),s=({children:i,variant:a="default",icon:s})=>{let d=()=>{switch(a){case"success":return"var(--privy-color-icon-success)";case"error":return"var(--privy-color-icon-error)";default:return"var(--privy-color-icon-muted)"}};/*#__PURE__*/return r(l,{children:[/*#__PURE__*/e(n,{$variant:a,"data-variant":a,children:(()=>{if(s) /*#__PURE__*/return c.isValidElement(s)?/*#__PURE__*/c.cloneElement(s,{stroke:d(),strokeWidth:2}):s;switch(a){case"success":default:/*#__PURE__*/return e(o,{size:12,stroke:d(),strokeWidth:3});case"error":/*#__PURE__*/return e(t,{size:12,stroke:d(),strokeWidth:3})}})()}),i]})};let n=/*#__PURE__*/i.div.withConfig({displayName:"IconBackground",componentId:"sc-bcc78743-2"})(["display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:",";flex-shrink:0;"],(({$variant:r})=>{switch(r){case"success":return"var(--privy-color-success-bg, #EAFCEF)";case"error":return"var(--privy-color-error-bg, #FEE2E2)";default:return"var(--privy-color-background-2)"}})),l=/*#__PURE__*/i.div.withConfig({displayName:"TodoItemWrapper",componentId:"sc-bcc78743-3"})(["display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;gap:8px;&&{a{color:var(--privy-color-accent);}}"]);export{a as T,s as a};