@privy-io/react-auth/dist/esm/InfoBanner-D6C6Bt8L.mjs

React client for the Privy Auth API

import{jsxs as e,jsx as o}from"react/jsx-runtime";import r from"@heroicons/react/24/outline/InformationCircleIcon";import{styled as t}from"styled-components";const i=({children:t,theme:i})=>/*#__PURE__*/e(n,{$theme:i,children:[/*#__PURE__*/o(r,{width:"20px",height:"20px",color:"var(--privy-color-icon-subtle)",strokeWidth:2,style:{flexShrink:0}}),/*#__PURE__*/o(d,{$theme:i,children:t})]});let n=/*#__PURE__*/t.div.withConfig({displayName:"Container",componentId:"sc-1b5ed8dd-0"})(["display:flex;gap:0.75rem;background-color:var(--privy-color-background-2);align-items:flex-start;padding:1rem;border-radius:0.75rem;"]),d=/*#__PURE__*/t.div.withConfig({displayName:"Content",componentId:"sc-1b5ed8dd-1"})(["color:",";font-size:1rem;font-weight:400;line-height:1.5;flex:1;text-align:left;"],(e=>"dark"===e.$theme?"var(--privy-color-foreground-2)":"var(--privy-color-foreground)"));export{i as I};