import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { S as SectionBackground } from './community-initiatives-Cz9FycbA.js';
import { A as ActionConfig } from './blocks-BJ3CyHu6.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Props for the BannerEventPromo component
 */
interface BannerEventPromoProps {
    /**
     * Event name content
     */
    eventName?: React.ReactNode;
    /**
     * Event details content
     */
    eventDetails?: React.ReactNode;
    /**
     * Separator element between event name and details
     */
    separator?: React.ReactNode;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * 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 content wrapper
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the text content wrapper
     */
    textClassName?: string;
    /**
     * Additional CSS classes for the event name
     */
    eventNameClassName?: string;
    /**
     * Additional CSS classes for the separator
     */
    separatorClassName?: string;
    /**
     * Additional CSS classes for the event details
     */
    eventDetailsClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
}
/**
 * BannerEventPromo - An event promotion banner with primary background and registration CTA.
 *
 * Features a primary background with event name (bold), dot separator, event details,
 * and a ghost-styled register button with arrow icon. The layout is responsive with
 * content wrapping on smaller screens. Ideal for conference announcements, webinar promotions,
 * and event registrations.
 *
 * @example
 * ```tsx
 * <BannerEventPromo
 *   eventName="TechSummit 2024"
 *   eventDetails="Join us in San Francisco from Sept 15 - 17 for the biggest tech event of the year."
 *   actions={[{ label: "Get Tickets", href: "/events/techsummit", variant: "ghost", size: "sm" }]}
 * />
 * ```
 */
declare function BannerEventPromo({ eventName, eventDetails, separator, actions, actionsSlot, background, className, containerClassName, contentClassName, textClassName, eventNameClassName, separatorClassName, eventDetailsClassName, actionsClassName, }: BannerEventPromoProps): react_jsx_runtime.JSX.Element;

export { BannerEventPromo, type BannerEventPromoProps };
