import * as React from 'react';
import { A as ActionConfig } from './blocks-XLPGq8A5.js';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';
import 'react/jsx-runtime';

interface ContactFloatingBannerProps {
    /**
     * Badge text before the main message
     */
    badgeText?: React.ReactNode;
    /**
     * Main message text
     */
    message?: React.ReactNode;
    /**
     * Button text
     */
    buttonText?: string;
    /**
     * Button icon name or ReactNode
     */
    buttonIcon?: React.ReactNode;
    /**
     * Button href
     */
    buttonHref?: string;
    /**
     * Array of action configurations for custom buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the banner container
     */
    bannerClassName?: string;
    /**
     * Additional CSS classes for the banner inner content
     */
    bannerContentClassName?: string;
    /**
     * Additional CSS classes for the message text
     */
    messageClassName?: string;
    /**
     * Additional CSS classes for the badge text
     */
    badgeClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Optional background pattern name
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
}
/**
 * ContactFloatingBanner - A fixed floating banner at the bottom of the page
 * with a promotional message and call-to-action button. Perfect for limited-time
 * offers, announcements, or important contact prompts.
 *
 * @example
 * ```tsx
 * <ContactFloatingBanner
 *   badgeText="Limited time offer"
 *   message="Get 50% off for your first month"
 *   buttonText="Get started"
 *   buttonIcon="lucide/arrow-right"
 *   buttonHref="/signup"
 * />
 * ```
 */
declare function ContactFloatingBanner({ badgeText, message, buttonText, buttonIcon, buttonHref, actions, actionsSlot, className, bannerClassName, bannerContentClassName, messageClassName, badgeClassName, background, spacing, containerClassName, pattern, patternOpacity, }: ContactFloatingBannerProps): React.JSX.Element;

export { ContactFloatingBanner, type ContactFloatingBannerProps };
