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

interface ListAchievementItem {
    /**
     * Icon name for the achievement (e.g., "lucide/trophy")
     */
    icon?: string;
    /**
     * Title of the achievement
     */
    title?: React.ReactNode;
    /**
     * Category of the achievement
     */
    category?: React.ReactNode;
    /**
     * Description of the achievement
     */
    description?: React.ReactNode;
    /**
     * Action configuration for the item
     */
    action?: ActionConfig;
}
interface ListAchievementsShowcaseProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Array of achievement items to display
     */
    items?: ListAchievementItem[];
    /**
     * Custom slot for rendering items (overrides items array)
     */
    itemsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the items container
     */
    itemsClassName?: string;
    /**
     * Additional CSS classes for individual item rows
     */
    itemClassName?: string;
    /**
     * Additional CSS classes for item icons
     */
    itemIconClassName?: string;
    /**
     * Additional CSS classes for item titles
     */
    itemTitleClassName?: string;
    /**
     * Additional CSS classes for item categories
     */
    itemCategoryClassName?: string;
    /**
     * Additional CSS classes for item descriptions
     */
    itemDescriptionClassName?: string;
    /**
     * Default action configuration for items without specific actions
     */
    defaultItemAction?: ActionConfig;
    /**
     * Additional CSS classes for item actions
     */
    itemActionClassName?: 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;
}
/**
 * ListAchievementsShowcase - A vertical list displaying achievements and recognition
 * with icons, titles, categories, descriptions, and action links. Each item is separated
 * by dividers and features a responsive grid layout that adapts to mobile screens.
 *
 * Perfect for showcasing awards, certifications, milestones, or company achievements
 * in a professional, scannable format.
 *
 * @example
 * ```tsx
 * <ListAchievementsShowcase
 *   heading="Our Achievements & Recognition"
 *   items={[
 *     {
 *       icon: "lucide/trophy",
 *       title: "Industry Recognition",
 *       category: "Achievement",
 *       description: "Outstanding Performance Award.",
 *       action: { href: "/achievements/recognition", label: "View project" }
 *     }
 *   ]}
 * />
 * ```
 */
declare function ListAchievementsShowcase({ heading, headingClassName, items, itemsSlot, itemsClassName, itemClassName, itemIconClassName, itemTitleClassName, itemCategoryClassName, itemDescriptionClassName, defaultItemAction: defaultAction, itemActionClassName, containerClassName, className, background, spacing, pattern, patternOpacity, }: ListAchievementsShowcaseProps): React.JSX.Element;

export { ListAchievementsShowcase, type ListAchievementsShowcaseProps };
