import * as react_jsx_runtime from 'react/jsx-runtime';

interface IndustryProject {
    year: string;
    name: string;
    description: string;
    imageSrc: string;
    imageAlt: string;
    url: string;
}
interface IndustriesTimelineTableProps {
    /**
     * Column labels for the table header
     * @default ["Year", "Industry", "Description"]
     */
    labels?: string[];
    /**
     * Array of industry projects to display
     */
    projects?: IndustryProject[];
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * 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({ className, labels, projects, optixFlowConfig, }: IndustriesTimelineTableProps): react_jsx_runtime.JSX.Element;

export { IndustriesTimelineTable, type IndustriesTimelineTableProps, type IndustryProject };
