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

/**
 * Time left object for countdown timer
 */
interface DeliveryCountdownTimeLeft {
    hours: number;
    minutes: number;
    seconds: number;
}
/**
 * Props for the BannerDeliveryCountdown component
 */
interface BannerDeliveryCountdownProps {
    /**
     * Icon to display (ReactNode for full flexibility)
     */
    icon?: React.ReactNode;
    /**
     * Icon name for DynamicIcon (used if icon prop is not provided)
     */
    iconName?: string;
    /**
     * Target delivery date content
     */
    deliveryDate?: React.ReactNode;
    /**
     * Cutoff time for orders
     */
    cutoffTime?: Date;
    /**
     * Prefix text before the timer
     */
    prefixText?: React.ReactNode;
    /**
     * Text between timer and delivery date
     */
    middleText?: React.ReactNode;
    /**
     * Custom slot for rendering the timer (overrides default timer)
     */
    timerSlot?: React.ReactNode;
    /**
     * Custom render function for the timer
     */
    renderTimer?: (timeLeft: DeliveryCountdownTimeLeft) => React.ReactNode;
    /**
     * Background style variant for the section
     * @default "muted"
     */
    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 icon
     */
    iconClassName?: string;
    /**
     * Additional CSS classes for the message wrapper
     */
    messageClassName?: string;
    /**
     * Additional CSS classes for the timer
     */
    timerClassName?: string;
    /**
     * Additional CSS classes for the delivery date
     */
    deliveryDateClassName?: string;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * BannerDeliveryCountdown - A delivery deadline banner with countdown timer and gift icon.
 *
 * Features an amber attention-grabbing background with a gift icon and live countdown timer.
 * Shows time remaining to place an order for guaranteed delivery by a specific date.
 * Ideal for holiday shipping deadlines, delivery guarantees, and order cutoff times.
 *
 * @example
 * ```tsx
 * <BannerDeliveryCountdown
 *   deliveryDate="Dec 25"
 *   cutoffTime={new Date(Date.now() + 6 * 60 * 60 * 1000)}
 * />
 * ```
 */
declare function BannerDeliveryCountdown({ sectionId, icon, iconName, deliveryDate, cutoffTime, prefixText, middleText, timerSlot, renderTimer, background, className, containerClassName, contentClassName, iconClassName, messageClassName, timerClassName, deliveryDateClassName, }: BannerDeliveryCountdownProps): react_jsx_runtime.JSX.Element;

export { BannerDeliveryCountdown, type BannerDeliveryCountdownProps };
