import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dud0DKXB.js';
import { A as ActionConfig, M as MediaItem } from './blocks-DyouPohq.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

interface CtaVideoBackgroundHeroProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description content below the heading
     */
    description?: React.ReactNode;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Video configuration for modal/dialog
     */
    modalVideo?: MediaItem;
    /**
     * Background video configuration
     */
    backgroundVideo?: MediaItem;
    /**
     * @deprecated Use modalVideo instead
     */
    modalVideoUrl?: string;
    /**
     * @deprecated Use backgroundVideo instead
     */
    backgroundVideoUrl?: string;
    /**
     * Custom slot for rendering the video modal (overrides default modal)
     */
    modalSlot?: React.ReactNode;
    /**
     * Callback when modal opens
     */
    onModalOpen?: () => void;
    /**
     * Callback when modal closes
     */
    onModalClose?: () => void;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the video wrapper
     */
    videoWrapperClassName?: string;
    /**
     * Additional CSS classes for the overlay
     */
    overlayClassName?: string;
    /**
     * Additional CSS classes for the content wrapper
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * CtaVideoBackgroundHero - A hero CTA with looping video background, gradient
 * overlay, heading, description, and buttons including a video modal trigger.
 * High-impact visual design.
 *
 * @example
 * ```tsx
 * <CtaVideoBackgroundHero
 *   heading="Experience the Future"
 *   description="See how our platform transforms your workflow."
 *   actions={[
 *     { label: "Get Started", href: "/signup", variant: "secondary" },
 *     { label: "Watch Demo", href: "#", variant: "outline" }
 *   ]}
 *   backgroundVideoUrl="/background.mp4"
 * />
 * ```
 */
declare function CtaVideoBackgroundHero({ sectionId, heading, description, actions, actionsSlot, modalVideo, backgroundVideo, modalVideoUrl, backgroundVideoUrl, modalSlot, onModalOpen, onModalClose, className, containerClassName, videoWrapperClassName, overlayClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, background, spacing, pattern, patternOpacity, }: CtaVideoBackgroundHeroProps): React.JSX.Element;

export { CtaVideoBackgroundHero, type CtaVideoBackgroundHeroProps };
