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

/**
 * CarouselPortfolioHero
 *
 * A fullscreen portfolio hero section with auto-advancing image slider,
 * gradient overlay, category tags, and navigation controls. Features smooth
 * opacity transitions between slides with slide counter display.
 *
 * Use cases:
 * - Creative portfolio landing pages
 * - Agency showcase hero sections
 * - Photography portfolio introductions
 * - Design studio homepages
 */

interface PortfolioSlide {
    /**
     * Unique identifier for the slide
     */
    id: number | string;
    /**
     * Image source URL
     */
    image: string;
    /**
     * Slide title
     */
    title?: React.ReactNode;
    /**
     * Slide description
     */
    description?: React.ReactNode;
    /**
     * Category tag
     */
    tag?: React.ReactNode;
    /**
     * Additional CSS classes for the slide
     */
    className?: string;
    /**
     * Additional CSS classes for the image
     */
    imageClassName?: string;
}
interface CarouselPortfolioHeroProps {
    /**
     * Array of portfolio slides
     */
    slides?: PortfolioSlide[];
    /**
     * Custom slot for rendering slides (overrides slides array)
     */
    slidesSlot?: React.ReactNode;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Auto-play interval in milliseconds
     */
    autoPlayInterval?: number;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the content wrapper
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the tag badge
     */
    tagClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the navigation controls
     */
    navigationClassName?: string;
    /**
     * Additional CSS classes for the slide counter
     */
    counterClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * 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;
    /**
     * Intensity of the gradient overlay on slide images
     * @default "high"
     */
    slideMediaOverlayIntensity?: "low" | "default" | "high" | "very-high";
    /**
     * Brightness level for slide images (deprecated - prefer slideMediaOverlayIntensity)
     */
    slideMediaBrightness?: "10" | "20" | "25" | "30" | "40" | "50" | "75" | "100";
    /** Optional Section ID */
    sectionId?: string;
}
declare function CarouselPortfolioHero({ sectionId, slides, slidesSlot, actions, actionsSlot, autoPlayInterval, className, containerClassName, contentClassName, tagClassName, titleClassName, descriptionClassName, actionsClassName, navigationClassName, counterClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, slideMediaBrightness, slideMediaOverlayIntensity, }: CarouselPortfolioHeroProps): React.JSX.Element;

export { CarouselPortfolioHero, type CarouselPortfolioHeroProps, type PortfolioSlide };
