import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { S as SectionBackground } from './community-initiatives-rTRuDt0r.js';
import { A as ActionConfig } from './blocks-BlWXj9GI.js';
import 'class-variance-authority';
import './button-variants-8mtEHxev.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Props for the BannerPromoCta component
 */
interface BannerPromoCtaProps {
    /**
     * Main promotional message content
     */
    message?: React.ReactNode;
    /**
     * Discount or offer content
     */
    discount?: React.ReactNode;
    /**
     * Separator element between message and discount
     */
    separator?: React.ReactNode;
    /**
     * Array of action configurations for CTA links/buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Background style variant for the section
     * @default "primary"
     */
    background?: SectionBackground;
    /**
     * Additional CSS classes for the banner container
     */
    className?: string;
    /**
     * Additional CSS classes for the inner container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the content wrapper
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the message
     */
    messageClassName?: string;
    /**
     * Additional CSS classes for the separator
     */
    separatorClassName?: string;
    /**
     * Additional CSS classes for the discount
     */
    discountClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
}
/**
 * BannerPromoCta - A promotional banner with message, discount text, and arrow link CTA.
 *
 * Features a full-width primary background with centered content including a bold message,
 * discount text, and an underlined link with arrow icon. Ideal for seasonal sales,
 * promotional announcements, and limited-time offers.
 *
 * @example
 * ```tsx
 * <BannerPromoCta
 *   message="Summer Sale"
 *   discount="Up to 70% off"
 *   actions={[{ label: "Shop Now", href: "/sale" }]}
 * />
 * ```
 */
declare function BannerPromoCta({ message, discount, separator, actions, actionsSlot, background, className, containerClassName, contentClassName, messageClassName, separatorClassName, discountClassName, actionsClassName, }: BannerPromoCtaProps): react_jsx_runtime.JSX.Element;

export { BannerPromoCta, type BannerPromoCtaProps };
