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

interface ProjectTableListItem {
    id: number;
    title: string;
    description: string;
    launchDate: string;
    image: string;
}
interface ProjectTableListProps {
    /**
     * Array of project configurations
     */
    projects?: ProjectTableListItem[];
    /**
     * Custom slot for rendering projects (overrides projects array)
     */
    projectsSlot?: React.ReactNode;
    /**
     * Label for "PROJECTS" header column
     */
    projectsHeaderLabel?: React.ReactNode;
    /**
     * Label for "DESCRIPTION" header column
     */
    descriptionHeaderLabel?: React.ReactNode;
    /**
     * Label for "GALLERY" header column
     */
    galleryHeaderLabel?: React.ReactNode;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Section background style
     */
    background?: SectionBackground;
    /**
     * Section spacing
     */
    spacing?: SectionSpacing;
    /**
     * Background pattern
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the list
     */
    listClassName?: string;
    /**
     * Additional CSS classes for the header row
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for each row
     */
    rowClassName?: string;
    /**
     * Additional CSS classes for the project info column
     */
    infoColumnClassName?: string;
    /**
     * Additional CSS classes for the description column
     */
    descriptionColumnClassName?: string;
    /**
     * Additional CSS classes for the gallery column
     */
    galleryColumnClassName?: string;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * ProjectTableList - Table-style project list with numbered rows and gallery thumbnails.
 *
 * Presents projects in a structured table format with three columns: project info
 * (number, title, date), description, and gallery thumbnail. Features a header row
 * visible on larger screens. Each row is separated by borders with generous padding.
 * The numbered format (01, 02, etc.) adds a professional, organized feel. Ideal for
 * case studies, portfolio items, or any project listing where detailed descriptions
 * and chronological ordering are important. Responsive layout stacks columns on mobile.
 */
declare function ProjectTableList({ sectionId, projects, projectsSlot, projectsHeaderLabel, descriptionHeaderLabel, galleryHeaderLabel, optixFlowConfig, background, spacing, pattern, patternOpacity, className, containerClassName, listClassName, headerClassName, rowClassName, infoColumnClassName, descriptionColumnClassName, galleryColumnClassName, }: ProjectTableListProps): react_jsx_runtime.JSX.Element;

export { ProjectTableList, type ProjectTableListItem, type ProjectTableListProps };
