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

interface IndustryProject {
    /**
     * Year/date for the project
     */
    year: React.ReactNode;
    /**
     * Project/industry name
     */
    name: React.ReactNode;
    /**
     * Project description
     */
    description: React.ReactNode;
    /**
     * Image source URL
     */
    imageSrc: string;
    /**
     * Alt text for the image
     */
    imageAlt: string;
    /**
     * URL for the project link
     */
    url: string;
    /**
     * Additional CSS classes for the project row
     */
    className?: string;
}
interface IndustriesTimelineTableProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Custom slot for heading (overrides heading prop)
     */
    headingSlot?: React.ReactNode;
    /**
     * Column labels for the table header
     */
    labels?: React.ReactNode[];
    /**
     * Custom slot for labels (overrides labels array)
     */
    labelsSlot?: React.ReactNode;
    /**
     * Array of industry projects to display
     */
    projects?: IndustryProject[];
    /**
     * Custom slot for projects (overrides projects array)
     */
    projectsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the header row
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the projects container
     */
    projectsClassName?: string;
    /**
     * Additional CSS classes for individual project rows
     */
    itemClassName?: string;
    /**
     * 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;
    /**
     * Additional CSS classes for the pattern overlay
     */
    patternClassName?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * IndustriesTimelineTable displays industry projects in a timeline-style table layout.
 *
 * Features a header row with customizable labels followed by project rows that reveal
 * background images on hover. Each row displays year, industry name, and description
 * with an arrow button that animates into view. The layout uses a responsive grid
 * that adapts column visibility on different screen sizes. Ideal for showcasing
 * project portfolios, industry timelines, or case study listings.
 *
 * @example
 * ```tsx
 * <IndustriesTimelineTable
 *   labels={["Year", "Industry", "Description"]}
 *   projects={[
 *     {
 *       year: "/2024",
 *       name: "/Consumer Tech",
 *       description: "Innovative consumer electronics solutions",
 *       imageSrc: "/project-image.jpg",
 *       imageAlt: "Project preview",
 *       url: "/projects/consumer-tech"
 *     }
 *   ]}
 * />
 * ```
 */
declare function IndustriesTimelineTable({ heading, headingSlot, labels, labelsSlot, projects, projectsSlot, className, containerClassName, headingClassName, headerClassName, projectsClassName, itemClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: IndustriesTimelineTableProps): React.JSX.Element;

export { IndustriesTimelineTable, type IndustriesTimelineTableProps, type IndustryProject };
