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

interface ResourceDetailArticleHeroNavigation {
    /**
     * Back link text
     */
    backText?: React.ReactNode;
    /**
     * Back link URL
     */
    backHref?: string;
    /**
     * Custom back icon (defaults to arrow-left)
     */
    backIcon?: React.ReactNode;
}
interface ResourceDetailArticleHeroBlog {
    /**
     * Article title
     */
    title?: React.ReactNode;
    /**
     * Author name
     */
    author?: React.ReactNode;
    /**
     * Author role/title
     */
    role?: React.ReactNode;
    /**
     * Publication date
     */
    date?: React.ReactNode;
    /**
     * Read time estimate
     */
    readTime?: React.ReactNode;
    /**
     * Author avatar image URL
     */
    imageSrc?: string;
    /**
     * Article content (prose)
     */
    content?: React.ReactNode;
}
interface ResourceDetailArticleHeroIllustration {
    /**
     * Featured image URL
     */
    imageSrc?: string;
    /**
     * Featured image alt text
     */
    imageAlt?: string;
}
interface ResourceDetailArticleHeroProps {
    /**
     * Navigation configuration
     */
    navigation?: ResourceDetailArticleHeroNavigation;
    /**
     * Custom slot for navigation (overrides navigation config)
     */
    navigationSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the navigation
     */
    navigationClassName?: string;
    /**
     * Blog/article configuration
     */
    blog?: ResourceDetailArticleHeroBlog;
    /**
     * Custom slot for blog meta (overrides blog title/author/date)
     */
    blogMetaSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the blog meta section
     */
    blogMetaClassName?: string;
    /**
     * Additional CSS classes for the article title
     */
    titleClassName?: string;
    /**
     * Share actions configuration
     */
    shareActions?: ActionConfig[];
    /**
     * Custom slot for share actions (overrides shareActions array)
     */
    shareActionsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the share actions container
     */
    shareActionsClassName?: string;
    /**
     * Share section heading
     */
    shareHeading?: React.ReactNode;
    /**
     * Illustration/featured image configuration
     */
    illustration?: ResourceDetailArticleHeroIllustration;
    /**
     * Custom slot for illustration (overrides illustration config)
     */
    illustrationSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the illustration
     */
    illustrationClassName?: string;
    /**
     * Author info for the bottom bio section
     */
    author?: AuthorInfo;
    /**
     * Custom slot for author bio (overrides author config)
     */
    authorSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the author bio section
     */
    authorClassName?: string;
    /**
     * Additional CSS classes for the prose content
     */
    contentClassName?: string;
    /**
     * Custom slot for article content (overrides blog.content)
     */
    contentSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the outer wrapper
     */
    className?: string;
    /**
     * Hero section background style
     */
    background?: SectionBackground;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Hero section spacing
     */
    spacing?: SectionSpacing;
    /**
     * Hero section pattern
     */
    battern?: PatternName | undefined;
    /**
     * Hero section pattern opacity
     */
    patternOpacity?: number;
    /**
     * Content section pattern opacity
     */
    contentPatternOpacity?: number;
    /**
     * Additional CSS classes for the content section
     */
    contentSectionClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Background pattern
     */
    pattern?: PatternName;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * ResourceDetailArticleHero - A full-width article hero with dark background,
 * navigation back link, title, author info, social sharing, and featured image.
 * Below is prose content with author bio section. Ideal for blog posts, articles,
 * case studies, and long-form content.
 *
 * @example
 * ```tsx
 * <ResourceDetailArticleHero
 *   navigation={{ backText: "All Articles", backHref: "/blog" }}
 *   blog={{
 *     title: "Building Sustainable Web Applications",
 *     author: "Sarah Chen",
 *     date: "December 15, 2024",
 *     readTime: "8 min read",
 *     role: "Senior Developer",
 *     imageSrc: "/avatars/sarah.jpg",
 *     content: <div>Your article content here...</div>,
 *   }}
 *   shareActions={[
 *     { icon: <LinkedInIcon />, href: "#", "aria-label": "Share on LinkedIn" },
 *   ]}
 *   illustration={{
 *     imageSrc: "/images/hero.jpg",
 *     imageAlt: "Article hero image",
 *   }}
 *   background="dark"
 * />
 * ```
 */
declare function ResourceDetailArticleHero({ sectionId, navigation, navigationSlot, navigationClassName, blog, blogMetaSlot, blogMetaClassName, titleClassName, shareActions, shareActionsSlot, shareActionsClassName, shareHeading, illustration, illustrationSlot, illustrationClassName, author, authorSlot, authorClassName, contentClassName, contentSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentSectionClassName, optixFlowConfig, }: ResourceDetailArticleHeroProps): react_jsx_runtime.JSX.Element;

export { ResourceDetailArticleHero, type ResourceDetailArticleHeroProps };
