import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
import './blocks-DCvdF54D.js';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';
import 'react/jsx-runtime';

interface ListSearchableGridItem {
    /**
     * Card title
     */
    title: React.ReactNode;
    /**
     * Supporting description text
     */
    description?: React.ReactNode;
    /**
     * Icon name for the card
     */
    icon?: string;
    /**
     * Optional link destination
     */
    href?: string;
    /**
     * Optional tags to display
     */
    tags?: string[];
    /**
     * Optional search text override
     */
    searchableText?: string;
}
interface ListSearchableGridProps {
    /**
     * Section heading content
     */
    heading?: React.ReactNode;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Supporting description content
     */
    description?: React.ReactNode;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Placeholder text for the search input
     */
    searchPlaceholder?: string;
    /**
     * Additional CSS classes for the search input
     */
    searchInputClassName?: string;
    /**
     * Additional CSS classes for the search container
     */
    searchContainerClassName?: string;
    /**
     * Message to show when no results match
     */
    emptyStateMessage?: React.ReactNode;
    /**
     * Additional CSS classes for the empty state message
     */
    emptyStateClassName?: string;
    /**
     * Items to display in the grid
     */
    items?: ListSearchableGridItem[];
    /**
     * Custom slot for rendering items (overrides items array)
     */
    itemsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the items grid
     */
    itemsClassName?: string;
    /**
     * Additional CSS classes for individual cards
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for card icons
     */
    cardIconClassName?: string;
    /**
     * Additional CSS classes for card titles
     */
    cardTitleClassName?: string;
    /**
     * Additional CSS classes for card descriptions
     */
    cardDescriptionClassName?: string;
    /**
     * Additional CSS classes for card tags
     */
    cardTagClassName?: string;
    /**
     * Additional CSS classes for the header section
     */
    headerClassName?: 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;
    /**
     * Controlled search term value
     */
    searchTerm?: string;
    /**
     * Callback when search term changes
     */
    onSearchTermChange?: (term: string) => void;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * ListSearchableGrid - Searchable grid of cards with optional icons and tags.
 * Perfect for resource directories, service catalogs, or partner listings.
 */
declare function ListSearchableGrid({ sectionId, heading, headingClassName, description, descriptionClassName, searchPlaceholder, searchInputClassName, searchContainerClassName, emptyStateMessage, emptyStateClassName, items, itemsSlot, itemsClassName, cardClassName, cardIconClassName, cardTitleClassName, cardDescriptionClassName, cardTagClassName, headerClassName, className, background, spacing, pattern, patternOpacity, searchTerm: controlledSearchTerm, onSearchTermChange, }: ListSearchableGridProps): React.JSX.Element;

export { ListSearchableGrid, type ListSearchableGridProps };
