import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { S as SectionBackground } from './community-initiatives-RgHoLtLt.js';
import './blocks-DL92rOxr.js';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Time left object for countdown timer
 */
interface CountdownTimeLeft {
    hours: number;
    minutes: number;
    seconds: number;
}
/**
 * Props for the BannerCountdownSale component
 */
interface BannerCountdownSaleProps {
    /**
     * End time for the countdown
     */
    endTime?: Date;
    /**
     * Main message content
     */
    message?: React.ReactNode;
    /**
     * Description content
     */
    description?: React.ReactNode;
    /**
     * Custom slot for rendering the timer (overrides default timer)
     */
    timerSlot?: React.ReactNode;
    /**
     * Custom render function for the timer
     */
    renderTimer?: (timeLeft: CountdownTimeLeft) => 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 description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the timer wrapper
     */
    timerClassName?: string;
    /**
     * Additional CSS classes for each time unit box
     */
    timeUnitClassName?: string;
    /**
     * Additional CSS classes for the separator
     */
    separatorClassName?: string;
}
/**
 * BannerCountdownSale - A flash sale banner with live countdown timer.
 *
 * Features a red urgency background with a live countdown timer showing hours:minutes:seconds.
 * The timer automatically updates every second and displays time remaining until the sale ends.
 * Ideal for flash sales, time-limited promotions, and urgency-driven marketing campaigns.
 *
 * @example
 * ```tsx
 * <BannerCountdownSale
 *   endTime={new Date(Date.now() + 12 * 60 * 60 * 1000)}
 *   message="Flash Sale Ends In"
 *   description="Up to 70% off on all items"
 * />
 * ```
 */
declare function BannerCountdownSale({ endTime, message, description, timerSlot, renderTimer, background, className, containerClassName, contentClassName, messageClassName, descriptionClassName, timerClassName, timeUnitClassName, separatorClassName, }: BannerCountdownSaleProps): react_jsx_runtime.JSX.Element;

export { BannerCountdownSale, type BannerCountdownSaleProps };
