@privy-io/react-auth/dist/cjs/Chip-C6r7fZiR.js

React client for the Privy Auth API

"use strict";var r=require("react/jsx-runtime"),o=require("styled-components"),e=require("./LoadingSkeleton-BoyADunQ.js");let i=o.styled.span`
  padding: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem; /* 150% */
  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=o.keyframes`
      from, to {
        background-color: ${i};
      }

      50% {
        background-color: rgba(${i}, 0.8);
      }
    `;return o.css`
      color: ${e};
      background-color: ${i};
      ${r.$isPulsing&&o.css`
        animation: ${s} 3s linear infinite;
      `};
    `}}

  ${e.LoadingSkeleton}
`;exports.Chip=({children:o,color:e,isLoading:s,isPulsing:l,...n})=>/*#__PURE__*/r.jsx(i,{$color:e,$isLoading:s,$isPulsing:l,...n,children:o});