UNPKG

@privy-io/react-auth

Version:

React client for the Privy Auth API

2 lines (1 loc) 1.08 kB
"use strict";var r=require("react/jsx-runtime"),o=require("styled-components"),e=require("./LoadingSkeleton-DoCrfGnl.js");let i=/*#__PURE__*/o.styled.span.withConfig({displayName:"StyledSpan",componentId:"sc-80725f4-0"})(["padding:0.25rem;font-size:0.75rem;font-weight:500;line-height:1rem;border-radius:var(--privy-border-radius-xs);display:flex;align-items:center;"," ",""],(r=>{let e,i;"green"===r.$color&&(e="var(--privy-color-success-dark)",i="var(--privy-color-success-light)"),"red"===r.$color&&(e="var(--privy-color-error)",i="var(--privy-color-error-light)"),"gray"===r.$color&&(e="var(--privy-color-foreground-2)",i="var(--privy-color-background-2)");let s=/*#__PURE__*/o.keyframes(["from,to{background-color:",";}50%{background-color:rgba(",",0.8);}"],i,i);/*#__PURE__*/return o.css(["color:",";background-color:",";",";"],e,i,r.$isPulsing&&/*#__PURE__*/o.css(["animation:"," 3s linear infinite;"],s))}),e.LoadingSkeleton);exports.Chip=({children:o,color:e,isLoading:s,isPulsing:n,...l})=>/*#__PURE__*/r.jsx(i,{$color:e,$isLoading:s,$isPulsing:n,...l,children:o});