import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
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 BannerSocialFollow component
 */
interface BannerSocialFollowProps {
    /**
     * Icon to display (ReactNode for full flexibility)
     */
    icon?: React.ReactNode;
    /**
     * Icon name for DynamicIcon (used if icon prop is not provided)
     * @default "mynaui/users"
     */
    iconName?: string;
    /**
     * Banner message content
     */
    message?: React.ReactNode;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Callback when banner is dismissed
     */
    onDismiss?: () => void;
    /**
     * Dismiss button icon (ReactNode for full flexibility)
     */
    dismissIcon?: React.ReactNode;
    /**
     * ARIA label for dismiss button
     * @default "Dismiss banner"
     */
    dismissAriaLabel?: string;
    /**
     * Additional CSS classes for the banner container
     */
    className?: string;
    /**
     * Additional CSS classes for the inner container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the icon
     */
    iconClassName?: string;
    /**
     * Additional CSS classes for the message
     */
    messageClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the dismiss button
     */
    dismissButtonClassName?: string;
}
/**
 * BannerSocialFollow - A gradient background banner encouraging social media follows.
 *
 * Features a vibrant pink-to-rose gradient background with white text, users icon,
 * follow CTA button, and dismiss button. The layout is centered with responsive text alignment.
 * Ideal for social media promotion, community building, and engagement campaigns.
 *
 * @example
 * ```tsx
 * <BannerSocialFollow
 *   message="Join our community of 50,000+ developers!"
 *   actions={[{ label: "Follow Now", href: "https://twitter.com/example", variant: "secondary", size: "sm" }]}
 *   onDismiss={() => console.log('Dismissed')}
 * />
 * ```
 */
declare function BannerSocialFollow({ icon, iconName, message, actions, actionsSlot, onDismiss, dismissIcon, dismissAriaLabel, className, containerClassName, iconClassName, messageClassName, actionsClassName, dismissButtonClassName, }: BannerSocialFollowProps): react_jsx_runtime.JSX.Element | null;

export { BannerSocialFollow, type BannerSocialFollowProps };
