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 { k as StatItem, A as ActionConfig } from './blocks-DL92rOxr.js';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Props for the StatsSimpleGrid component.
 * A clean, minimal stats section with a heading, action buttons, and a responsive grid of key metrics.
 */
interface StatsSimpleGridProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Array of stat items to display
     */
    stats?: StatItem[];
    /**
     * Custom slot for rendering stats (overrides stats array)
     */
    statsSlot?: React.ReactNode;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Background pattern
     */
    pattern?: PatternName;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the pattern
     */
    patternClassName?: string;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the content wrapper
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the stats container
     */
    statsClassName?: string;
    /**
     * Additional CSS classes for individual stat items
     */
    statItemClassName?: string;
    /**
     * Additional CSS classes for stat values
     */
    statValueClassName?: string;
    /**
     * Additional CSS classes for stat labels
     */
    statLabelClassName?: string;
}
/**
 * StatsSimpleGrid - A clean, minimal stats section with a heading, action buttons,
 * and a responsive grid of key metrics. Features a 2x2 grid on mobile that expands
 * to 4 columns on larger screens. Ideal for showcasing company achievements,
 * platform performance, or key business metrics with prominent numerical values.
 *
 * @example
 * ```tsx
 * <StatsSimpleGrid
 *   heading="Platform Performance Insights"
 *   stats={[
 *     { value: "90%", label: "Customer Satisfaction" },
 *     { value: "200+", label: "Enterprise Clients" },
 *   ]}
 *   actions={[
 *     { label: "Get Started", href: "/signup", variant: "default" },
 *   ]}
 * />
 * ```
 */
declare function StatsSimpleGrid({ heading, stats, statsSlot, actions, actionsSlot, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, className, contentClassName, headingClassName, actionsClassName, statsClassName, statItemClassName, statValueClassName, statLabelClassName, }: StatsSimpleGridProps): react_jsx_runtime.JSX.Element;

export { StatItem, StatsSimpleGrid, type StatsSimpleGridProps };
