import{jsx as r,jsxs as p}from"react/jsx-runtime";import{ButtonContainer as a}from"../containers/button.js";import"../containers/card.js";import"../../lib/cn.js";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 s from"../primitives/text.js";import{forwardRef as n}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import l 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 d}from"../feedback/loading-spinner.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../feedback/tooltip.js";const o=n((i,t)=>{const{disabled:m,validating:e}=i;return r(a,{ref:t,className:"bg-[#ffc439] border border-transparent px-6 py-2.5 focus-visible:outline-[#ffc439]","aria-disabled":m,shadow:!0,...i,children:e?r(d,{size:24,strokeWidth:2.5,inverted:!0}):p("div",{className:"flex flex-row items-center w-full gap-1 justify-center",children:[r(s,{fontWeight:"semibold",styles:{color:"var(--color-ink-90)"},children:"Pay with"}),r("div",{className:"mt-0.5",children:r(l,{width:60})})]})})});o.displayName="PayPalButton";export{o as PayPalButton};
//# sourceMappingURL=paypal-button.js.map
