@privy-io/react-auth
Version:
React client for the Privy Auth API
16 lines (15 loc) • 915 B
JavaScript
;var e=require("react/jsx-runtime"),r=require("@heroicons/react/24/outline/ExclamationTriangleIcon"),t=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=/*#__PURE__*/i(r);let n=t.styled.div`
display: flex;
gap: 0.75rem;
background-color: var(--privy-color-warn-bg);
align-items: flex-start;
padding: 1rem;
border-radius: 0.75rem;
`,l=t.styled.div`
color: ${e=>"dark"===e.$theme?"var(--privy-color-foreground-2)":"var(--privy-color-foreground)"};
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
flex: 1;
text-align: left;
`;exports.WarningBanner=({children:r,theme:t,className:i})=>/*#__PURE__*/e.jsxs(n,{$theme:t,className:i,children:[/*#__PURE__*/e.jsx(o.default,{width:"20px",height:"20px",color:"var(--privy-color-icon-warning)",strokeWidth:2,style:{flexShrink:0}}),/*#__PURE__*/e.jsx(l,{$theme:t,children:r})]});