import * as react_jsx_runtime from 'react/jsx-runtime';
import { OptixFlowConfig } from '@page-speed/img';
import { S as SectionBackground } from './community-initiatives-Dud0DKXB.js';
import './blocks-DyouPohq.js';
import 'react';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

interface ProjectZigzagLayoutItem {
    id: number;
    title: string;
    category: string;
    description: string;
    image: string;
    technologies: string[];
    link: string;
}
interface ProjectZigzagLayoutProps {
    className?: string;
    heading?: string;
    subheading?: string;
    projects?: ProjectZigzagLayoutItem[];
    optixFlowConfig?: OptixFlowConfig;
    background?: SectionBackground;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * ProjectZigzagLayout - Alternating image-content layout with technology badges.
 *
 * Displays projects in a zigzag pattern where odd-indexed items show image on left
 * and content on right, while even-indexed items reverse this order. Each project
 * features a large image with category badge overlay, title, description, technology
 * badges, and a "View Project Details" button. The alternating layout creates visual
 * interest and guides the eye down the page. Perfect for technical portfolios, case
 * studies, or any showcase where detailed project information needs prominent display.
 */
declare function ProjectZigzagLayout({ sectionId, className, heading, subheading, projects, optixFlowConfig, background, }: ProjectZigzagLayoutProps): react_jsx_runtime.JSX.Element;

export { ProjectZigzagLayout, type ProjectZigzagLayoutItem, type ProjectZigzagLayoutProps };
