import * as react_jsx_runtime from 'react/jsx-runtime';

/**
 * Props for the BannerFloatingOffer component
 */
interface BannerFloatingOfferProps {
    /**
     * Offer title (bold text)
     * @default "Limited time offer"
     */
    offerTitle?: string;
    /**
     * Offer description
     * @default "Get 50% off for your first month"
     */
    offerDescription?: string;
    /**
     * CTA button text
     * @default "Get started"
     */
    buttonText?: string;
    /**
     * CTA button link
     * @default "#"
     */
    buttonLink?: string;
    /**
     * Whether to show the banner
     * @default true
     */
    visible?: boolean;
    /**
     * Callback when banner is dismissed (if dismissible)
     */
    onDismiss?: () => void;
    /**
     * Whether the banner can be dismissed
     * @default false
     */
    dismissible?: boolean;
    /**
     * Additional CSS classes
     */
    className?: 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!"
 *   buttonText="Claim Offer"
 *   buttonLink="/pricing"
 *   dismissible={true}
 *   onDismiss={() => console.log('Dismissed')}
 * />
 * ```
 */
declare function BannerFloatingOffer({ offerTitle, offerDescription, buttonText, buttonLink, visible, onDismiss, dismissible, className, }: BannerFloatingOfferProps): react_jsx_runtime.JSX.Element | null;

export { BannerFloatingOffer, type BannerFloatingOfferProps };
