import * as react_jsx_runtime from 'react/jsx-runtime';
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 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface ResourceListFeaturedGridArticle {
    /**
     * Article title
     */
    title: React.ReactNode;
    /**
     * Category value for filtering (must be string for deterministic filtering)
     */
    category: string;
    /**
     * Category display label (can be ReactNode for custom rendering)
     */
    categoryLabel?: React.ReactNode;
    /**
     * Article date
     */
    date: React.ReactNode;
    /**
     * Author avatar URLs
     */
    author: string[];
    /**
     * Article link URL
     */
    link: string;
    /**
     * Additional CSS classes for the article row
     */
    className?: string;
}
interface ResourceListFeaturedGridFeaturedArticle {
    /**
     * Featured article title
     */
    title: React.ReactNode;
    /**
     * Featured article image URL
     */
    imageUrl: string;
    /**
     * Featured article date
     */
    date: React.ReactNode;
    /**
     * Author avatar URLs
     */
    authors: string[];
    /**
     * Featured article link URL
     */
    link: string;
    /**
     * Badge text for the featured article
     */
    badge?: React.ReactNode;
    /**
     * Additional CSS classes for the featured article card
     */
    className?: string;
}
interface ResourceListFeaturedGridCategory {
    /**
     * Category value for filtering (must be string for deterministic filtering)
     */
    value: string;
    /**
     * Category display label (can be ReactNode for custom rendering)
     */
    label: React.ReactNode;
}
interface ResourceListFeaturedGridProps {
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Main heading content
     */
    title?: React.ReactNode;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Description text below heading
     */
    description?: React.ReactNode;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Featured article configuration
     */
    featuredArticle?: ResourceListFeaturedGridFeaturedArticle;
    /**
     * Custom slot for rendering featured article (overrides featuredArticle)
     */
    featuredArticleSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the featured article container
     */
    featuredArticleClassName?: string;
    /**
     * Secondary article configurations
     */
    secondaryArticles?: ResourceListFeaturedGridFeaturedArticle[];
    /**
     * Custom slot for rendering secondary articles (overrides secondaryArticles)
     */
    secondaryArticlesSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the secondary articles container
     */
    secondaryArticlesClassName?: string;
    /**
     * Article configurations for the filtered list
     */
    articles?: ResourceListFeaturedGridArticle[];
    /**
     * Custom slot for rendering articles (overrides articles array)
     */
    articlesSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the articles container
     */
    articlesClassName?: string;
    /**
     * Category configurations for filtering
     */
    categories?: ResourceListFeaturedGridCategory[];
    /**
     * Additional CSS classes for the categories tabs
     */
    categoriesClassName?: string;
    /**
     * Title for the latest updates section
     */
    latestUpdatesTitle?: React.ReactNode;
    /**
     * Additional CSS classes for the latest updates title
     */
    latestUpdatesTitleClassName?: string;
    /**
     * Additional CSS classes for the grid container
     */
    gridClassName?: 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;
    /**
     * Label for the "All" category in the filter tabs (defaults to "All")
     */
    allCategoryLabel?: React.ReactNode;
}
/**
 * ResourceListFeaturedGrid - A visually rich resource listing with featured article hero,
 * secondary article cards, and a tabbed category filter for browsing articles.
 *
 * Key features:
 * - Large featured article with image overlay, badge, and author avatars
 * - Two secondary article cards with grayscale-to-color hover effect
 * - Tabbed category filtering (All, Data, AI, Security, News, etc.)
 * - Article list with title, category, date, and author avatars
 * - Responsive grid layout with hover animations
 *
 * Ideal for: Resource centers, whitepapers libraries, research publications,
 * tech blogs, news portals, and content hubs that want to highlight featured
 * content while providing easy category-based navigation.
 */
declare function ResourceListFeaturedGrid({ className, title, titleClassName, description, descriptionClassName, featuredArticle, featuredArticleSlot, featuredArticleClassName, secondaryArticles, secondaryArticlesSlot, secondaryArticlesClassName, articles, articlesSlot, articlesClassName, categories, categoriesClassName, latestUpdatesTitle, latestUpdatesTitleClassName, gridClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, allCategoryLabel, }: ResourceListFeaturedGridProps): react_jsx_runtime.JSX.Element;

export { ResourceListFeaturedGrid, type ResourceListFeaturedGridProps };
