import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
import './blocks-BlWXj9GI.js';
import 'class-variance-authority';
import './button-variants-8mtEHxev.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';
import 'react/jsx-runtime';

/**
 * Service item configuration for category accordion display
 */
interface ServicesListCategoryAccordionService {
    /**
     * Service title
     */
    title?: React.ReactNode;
    /**
     * Service description
     */
    description?: React.ReactNode;
    /**
     * Category label
     */
    category?: React.ReactNode;
    /**
     * List of included items
     */
    items?: React.ReactNode[];
    /**
     * List of technology/skill badges
     */
    badges?: React.ReactNode[];
    /**
     * Additional CSS classes for the accordion item
     */
    className?: string;
}
interface ServicesListCategoryAccordionProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Supporting description content
     */
    description?: React.ReactNode;
    /**
     * Array of service configurations
     */
    services?: ServicesListCategoryAccordionService[];
    /**
     * Custom slot for rendering services (overrides services array)
     */
    servicesSlot?: React.ReactNode;
    /**
     * Default expanded accordion item value
     */
    defaultValue?: string;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the accordion
     */
    accordionClassName?: string;
    /**
     * Additional CSS classes for each accordion item
     */
    accordionItemClassName?: string;
    /**
     * Additional CSS classes for the items grid
     */
    itemsGridClassName?: string;
    /**
     * Additional CSS classes for the badges container
     */
    badgesClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
}
/**
 * ServicesListCategoryAccordion - An accordion layout with large titles and expandable service items featuring categories and badges.
 * Each accordion item displays a category label, title, and expands to show full description, included items, and technology badges.
 * Ideal for organizing services by category with detailed information revealed on demand.
 *
 * @example
 * ```tsx
 * <ServicesListCategoryAccordion
 *   heading="Our Services"
 *   description="Explore our comprehensive range of digital services."
 *   services={[
 *     { title: "Web Dev", description: "Custom sites", category: "Development", items: ["Frontend"], badges: ["React"] }
 *   ]}
 *   background="white"
 *   spacing="lg"
 * />
 * ```
 */
declare function ServicesListCategoryAccordion({ heading, description, services, servicesSlot, defaultValue, className, containerClassName, headerClassName, headingClassName, descriptionClassName, accordionClassName, accordionItemClassName, itemsGridClassName, badgesClassName, background, spacing, pattern, patternOpacity, }: ServicesListCategoryAccordionProps): React.JSX.Element;

export { ServicesListCategoryAccordion, type ServicesListCategoryAccordionProps };
