ov25-ui
Version:
A UI configurator for OV25 product visualization
13 lines (12 loc) • 845 B
TypeScript
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>;