import * as react_jsx_runtime from 'react/jsx-runtime';
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 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

interface CompactExpertiseItem {
    icon?: string;
    iconSlot?: React.ReactNode;
    title?: React.ReactNode;
    description?: React.ReactNode;
    className?: string;
}
interface CompactServiceItem {
    iconName?: string;
    icon?: React.ReactNode;
    title?: React.ReactNode;
    className?: string;
}
interface CompactRelatedServiceItem {
    image?: string;
    imageAlt?: string;
    title?: React.ReactNode;
    description?: React.ReactNode;
    href?: string;
    className?: string;
}
interface CompactContentSection {
    title?: React.ReactNode;
    paragraphs?: React.ReactNode[];
    contentSlot?: React.ReactNode;
    className?: string;
}
interface ServiceDetailCompactCardsProps {
    title?: React.ReactNode;
    titleClassName?: string;
    serviceIcon?: {
        src: string;
        alt: string;
    };
    serviceIconSlot?: React.ReactNode;
    serviceIconClassName?: string;
    introDescription?: React.ReactNode;
    introDescriptionClassName?: string;
    expertiseTitle?: React.ReactNode;
    expertiseTitleClassName?: string;
    expertise?: CompactExpertiseItem[];
    expertiseSlot?: React.ReactNode;
    expertiseClassName?: string;
    servicesTitle?: React.ReactNode;
    servicesTitleClassName?: string;
    services?: CompactServiceItem[];
    servicesSlot?: React.ReactNode;
    servicesClassName?: string;
    relatedServicesTitle?: React.ReactNode;
    relatedServicesTitleClassName?: string;
    relatedServices?: CompactRelatedServiceItem[];
    relatedServicesSlot?: React.ReactNode;
    relatedServicesClassName?: string;
    contentSections?: CompactContentSection[];
    contentSectionsSlot?: React.ReactNode;
    contentSectionsClassName?: string;
    className?: string;
    containerClassName?: string;
    headerClassName?: string;
    background?: SectionBackground;
    spacing?: SectionSpacing;
    pattern?: PatternName | undefined;
    patternOpacity?: number;
    optixFlowConfig?: OptixFlowConfig;
}
declare function ServiceDetailCompactCards({ title, titleClassName, serviceIcon, serviceIconSlot, serviceIconClassName, introDescription, introDescriptionClassName, expertiseTitle, expertiseTitleClassName, expertise, expertiseSlot, expertiseClassName, servicesTitle, servicesTitleClassName, services, servicesSlot, servicesClassName, relatedServicesTitle, relatedServicesTitleClassName, relatedServices, relatedServicesSlot, relatedServicesClassName, contentSections, contentSectionsSlot, contentSectionsClassName, className, containerClassName, headerClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ServiceDetailCompactCardsProps): react_jsx_runtime.JSX.Element;

export { ServiceDetailCompactCards, type ServiceDetailCompactCardsProps };
