import React from 'react';
export declare const checkoutCommerceCtaButtonClasses = "ov:flex ov:items-center ov:justify-center ov:gap-2 ov:py-2 ov:px-6 ov:text-sm ov:rounded-[var(--ov25-cta-border-radius)] ov:bg-[var(--ov25-cta-color)] ov:text-[var(--ov25-cta-text-color)] ov:cursor-pointer ov:hover:bg-[var(--ov25-cta-color-hover)] ov:hover:text-[var(--ov25-cta-text-color-hover)] ov:transition-colors ov:border-0 ov:text-center ov:uppercase";
export type CheckoutButtonProps = {
    onAfterAddToBasket?: () => void;
    onAfterBuyNow?: () => void;
    /**
     * Tighter layout for narrow panels (e.g. Snap2 checkout sheet): no extra horizontal padding on the wrapper
     * so the CTA stays within the parent padding box and does not clip.
     */
    embedded?: boolean;
};
export declare const CheckoutButton: React.FC<CheckoutButtonProps>;