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 { O as OptixFlowConfig } from './blocks-DL92rOxr.js';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

interface ResourceListFeaturedArticlesFeaturedPost {
    /**
     * Featured post title
     */
    title: React.ReactNode;
    /**
     * Featured post image URL
     */
    imageUrl: string;
    /**
     * Featured post link URL
     */
    link: string;
    /**
     * Additional CSS classes for the featured post
     */
    className?: string;
}
interface ResourceListFeaturedArticlesArticle {
    /**
     * Article date
     */
    date: React.ReactNode;
    /**
     * Article category
     */
    category: React.ReactNode;
    /**
     * Article title
     */
    title: React.ReactNode;
    /**
     * Article link URL
     */
    link: string;
    /**
     * Additional CSS classes for the article row
     */
    className?: string;
}
interface ResourceListFeaturedArticlesProps {
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Featured post configuration
     */
    featuredPost?: ResourceListFeaturedArticlesFeaturedPost;
    /**
     * Custom slot for rendering featured post (overrides featuredPost)
     */
    featuredPostSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the featured post container
     */
    featuredPostClassName?: string;
    /**
     * Badge text for the featured post
     */
    featuredBadgeText?: React.ReactNode;
    /**
     * Additional CSS classes for the featured badge
     */
    featuredBadgeClassName?: string;
    /**
     * Button text for the featured post CTA
     */
    featuredButtonText?: React.ReactNode;
    /**
     * Additional CSS classes for the featured button
     */
    featuredButtonClassName?: string;
    /**
     * Title for the articles section
     */
    articlesTitle?: React.ReactNode;
    /**
     * Additional CSS classes for the articles title
     */
    articlesTitleClassName?: string;
    /**
     * Array of article configurations
     */
    articles?: ResourceListFeaturedArticlesArticle[];
    /**
     * Custom slot for rendering articles (overrides articles array)
     */
    articlesSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the articles container
     */
    articlesClassName?: 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;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * ResourceListFeaturedArticles - A clean resource listing with a prominent featured post
 * section and a structured article list showing date, category, and title.
 *
 * Key features:
 * - Featured post card with large image, badge, title, and CTA button
 * - Article list with three-column layout (date, category, title)
 * - Hover effect on article rows for better interactivity
 * - Clean, minimal design with clear visual hierarchy
 * - Responsive layout adapting to different screen sizes
 *
 * Ideal for: Blog archives, resource libraries, documentation indexes,
 * knowledge bases, tutorial collections, and content hubs that want to
 * highlight a featured piece while providing easy access to other articles.
 */
declare function ResourceListFeaturedArticles({ sectionId, className, featuredPost, featuredPostSlot, featuredPostClassName, featuredBadgeText, featuredBadgeClassName, featuredButtonText, featuredButtonClassName, articlesTitle, articlesTitleClassName, articles, articlesSlot, articlesClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ResourceListFeaturedArticlesProps): react_jsx_runtime.JSX.Element;

export { ResourceListFeaturedArticles, type ResourceListFeaturedArticlesProps };
