import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
import 'react/jsx-runtime';
import './blocks-k17uluAz.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface ListServiceCategoryItem {
    /**
     * Icon name for the category (e.g., "lucide/shield")
     */
    icon?: string;
    /**
     * Category name
     */
    category?: React.ReactNode;
    /**
     * Description of the service
     */
    description?: React.ReactNode;
    /**
     * Year of the service
     */
    year?: React.ReactNode;
    /**
     * Offer type (Free, Professional, Enterprise)
     */
    offer?: "Free" | "Professional" | "Enterprise";
    /**
     * Market segment
     */
    segment?: React.ReactNode;
}
interface ListServiceCategoryTableProps {
    /**
     * Section heading content
     */
    heading?: React.ReactNode;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Section description content
     */
    description?: React.ReactNode;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Array of service category items to display
     */
    items?: ListServiceCategoryItem[];
    /**
     * Custom slot for rendering items (overrides items array)
     */
    itemsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the table wrapper
     */
    tableWrapperClassName?: string;
    /**
     * Additional CSS classes for the table
     */
    tableClassName?: string;
    /**
     * Additional CSS classes for the table header
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for header cells
     */
    headerCellClassName?: string;
    /**
     * Additional CSS classes for table rows
     */
    rowClassName?: string;
    /**
     * Additional CSS classes for table cells
     */
    cellClassName?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: 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;
}
/**
 * ListServiceCategoryTable - A responsive table displaying service categories with icons,
 * descriptions, years, offer types, and market segments. Features color-coded offer indicators
 * and a mobile-optimized layout that collapses columns into a compact view.
 *
 * Ideal for showcasing product catalogs, service offerings, or feature comparisons
 * in a structured, scannable format.
 *
 * @example
 * ```tsx
 * <ListServiceCategoryTable
 *   items={[
 *     {
 *       icon: "lucide/shield",
 *       category: "Security",
 *       description: "Enterprise security solution",
 *       year: 2024,
 *       offer: "Professional",
 *       segment: "Business"
 *     }
 *   ]}
 * />
 * ```
 */
declare function ListServiceCategoryTable({ heading, headingClassName, description, descriptionClassName, items, itemsSlot, tableWrapperClassName, tableClassName, headerClassName, headerCellClassName, rowClassName, cellClassName, containerClassName, className, background, spacing, pattern, patternOpacity, }: ListServiceCategoryTableProps): React.JSX.Element;

export { ListServiceCategoryTable, type ListServiceCategoryTableProps };
