import{jsx as o,jsxs as e}from"react/jsx-runtime";import{ButtonContainer as n}from"../containers/button.js";import"../containers/card.js";import{css as a}from"@styled/css";import{HStack as s,Box as l}from"@styled/jsx";import{token as d}from"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import f from"../primitives/text.js";import{forwardRef as c}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import h from"../logos/logo-pay-pal-wordmark.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import"../feedback/callout.js";import{LoadingSpinner as u}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";const t=c((r,i)=>{const{disabled:m,validating:p}=r;return o(n,{ref:i,className:a({bg:"#ffc439",outlineColor:"#ffc439",border:"1px solid transparent",px:6,py:2.5}),"aria-disabled":m,shadow:!0,...r,children:p?o(u,{size:24,strokeWidth:2.5,inverted:!0}):e(s,{w:"full",gap:1,justifyContent:"center",children:[o(f,{fontWeight:"semibold",styles:{color:d("colors.ink.90")},children:"Pay with"}),o(l,{mt:.5,children:o(h,{width:60})})]})})});t.displayName="PayPalButton";export{t as PayPalButton};
//# sourceMappingURL=paypal-button.js.map
