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

interface ProjectDetailSplitMaterialsProps {
    /** Main title */
    title?: React.ReactNode;
    /** Subtitle text */
    subtitle?: React.ReactNode;
    /** Project year */
    year?: React.ReactNode;
    /** Category label */
    category?: React.ReactNode;
    /** Artist name */
    artist?: React.ReactNode;
    /** Hero image configuration */
    heroImage?: {
        src?: string;
        alt?: string;
    };
    /** Description text */
    description?: React.ReactNode;
    /** Specifications list */
    specifications?: DetailItem[];
    /** Materials list */
    materials?: string[];
    /** Secondary image configuration */
    secondaryImage?: {
        src?: string;
        alt?: string;
    };
    /** Back navigation action */
    backAction?: ActionConfig;
    /** Custom slot for back action (overrides backAction) */
    backActionSlot?: React.ReactNode;
    /** OptixFlow image optimization configuration */
    optixFlowConfig?: OptixFlowConfig;
    /** Section background variant */
    background?: SectionBackground;
    /** Section spacing variant */
    spacing?: SectionSpacing;
    /** Background pattern */
    pattern?: PatternName | undefined;
    /** Pattern opacity */
    patternOpacity?: number;
    /** Additional CSS classes for the section */
    className?: string;
    /** Additional CSS classes for the container */
    containerClassName?: string;
    /** Additional CSS classes for the header */
    headerClassName?: string;
    /** Additional CSS classes for the title */
    titleClassName?: string;
    /** Additional CSS classes for the grid layout */
    gridClassName?: string;
    /** Additional CSS classes for the hero image */
    heroImageClassName?: string;
    /** Additional CSS classes for the specifications section */
    specificationsClassName?: string;
    /** Additional CSS classes for the materials section */
    materialsClassName?: string;
    /** Additional CSS classes for the secondary image */
    secondaryImageClassName?: string;
}
declare function ProjectDetailSplitMaterials(props: ProjectDetailSplitMaterialsProps): React.JSX.Element;

export { ProjectDetailSplitMaterials, type ProjectDetailSplitMaterialsProps };
