import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface AboutStoryHeroProps {
    /**
     * Main heading/title
     */
    title?: React.ReactNode;
    /**
     * Subtitle/tagline text
     */
    subtitle?: React.ReactNode;
    /**
     * Main content/body text
     */
    content?: React.ReactNode;
    /**
     * Hero image configuration
     */
    heroImage?: {
        src: string;
        alt: string;
    };
    /**
     * Team information section
     */
    teamInfo?: {
        title: React.ReactNode;
        description: React.ReactNode;
    };
    /**
     * Custom slot for rendering team info (overrides teamInfo object)
     */
    teamInfoSlot?: React.ReactNode;
    /**
     * 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 title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the subtitle
     */
    subtitleClassName?: string;
    /**
     * Additional CSS classes for the body content
     */
    bodyClassName?: string;
    /**
     * Additional CSS classes for the team info section
     */
    teamInfoClassName?: string;
    /**
     * Additional CSS classes for the hero image
     */
    imageClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Section background variant
     */
    background?: SectionBackground;
    /**
     * Section spacing variant
     */
    spacing?: SectionSpacing;
    /**
     * Pattern background key or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
}
declare function AboutStoryHero({ title, subtitle, content, heroImage, teamInfo, teamInfoSlot, className, containerClassName, contentClassName, titleClassName, subtitleClassName, bodyClassName, teamInfoClassName, imageClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutStoryHeroProps): React.JSX.Element;

export { AboutStoryHero, type AboutStoryHeroProps };
