import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { f as SectionBackground } from './community-initiatives-Bi_ClKrO.js';
import { A as ActionConfig } from './blocks-k17uluAz.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

/**
 * Props for the BannerFloatingOffer component
 */
interface BannerFloatingOfferProps {
    /**
     * Offer title content
     */
    offerTitle?: React.ReactNode;
    /**
     * Offer description content
     */
    offerDescription?: React.ReactNode;
    /**
     * Separator element between title and description
     */
    separator?: React.ReactNode;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Controlled visibility state (use with onOpenChange for controlled mode)
     */
    open?: boolean;
    /**
     * Default visibility state for uncontrolled mode
     */
    defaultOpen?: boolean;
    /**
     * Callback when visibility changes
     */
    onOpenChange?: (open: boolean) => void;
    /**
     * Whether the banner can be dismissed
     */
    dismissible?: boolean;
    /**
     * Dismiss button icon (ReactNode for full flexibility)
     */
    dismissIcon?: React.ReactNode;
    /**
     * ARIA label for dismiss button
     */
    dismissAriaLabel?: string;
    /**
     * 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 text content
     */
    textClassName?: string;
    /**
     * Additional CSS classes for the offer title
     */
    offerTitleClassName?: string;
    /**
     * Additional CSS classes for the separator
     */
    separatorClassName?: string;
    /**
     * Additional CSS classes for the offer description
     */
    offerDescriptionClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the dismiss button
     */
    dismissButtonClassName?: string;
}
/**
 * BannerFloatingOffer - A floating bottom banner with rounded corners and offer CTA.
 *
 * Features a fixed bottom position with primary background, rounded container on larger screens,
 * offer text with bold title, dot separator, description, and a secondary-styled CTA button
 * with arrow icon. The banner floats above content and can optionally be dismissed.
 * Ideal for limited-time offers, conversion prompts, and persistent CTAs.
 *
 * @example
 * ```tsx
 * <BannerFloatingOffer
 *   offerTitle="Black Friday Special"
 *   offerDescription="Save 60% on annual plans - ends tonight!"
 *   actions={[{ label: "Claim Offer", href: "/pricing", variant: "secondary", size: "sm" }]}
 *   dismissible={true}
 *   onOpenChange={(open) => console.log('Visibility:', open)}
 * />
 * ```
 */
declare function BannerFloatingOffer({ offerTitle, offerDescription, separator, actions, actionsSlot, open, defaultOpen, onOpenChange, dismissible, dismissIcon, dismissAriaLabel, background, className, containerClassName, textClassName, offerTitleClassName, separatorClassName, offerDescriptionClassName, actionsClassName, dismissButtonClassName, }: BannerFloatingOfferProps): react_jsx_runtime.JSX.Element | null;

export { BannerFloatingOffer, type BannerFloatingOfferProps };
