import * as react_jsx_runtime from 'react/jsx-runtime';

/**
 * A stat with circular progress indicator
 */
interface CircularStat {
    /**
     * The label for the stat
     */
    label: string;
    /**
     * The stat value (0-100 for percentage display)
     */
    value: number;
    /**
     * Suffix for the value (e.g., "%", "")
     */
    suffix?: string;
    /**
     * Additional info text
     */
    info: string;
}
/**
 * A category of stats
 */
interface StatCategory {
    /**
     * Unique identifier for the category
     */
    id: string;
    /**
     * Display name for the category
     */
    name: string;
    /**
     * Stats for this category
     */
    stats: CircularStat[];
}
/**
 * Props for the StatsCircularProgress component
 */
interface StatsCircularProgressProps {
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Badge text above the heading
     */
    badge?: string;
    /**
     * Main heading text
     */
    heading?: string;
    /**
     * Description text below the heading
     */
    description?: string;
    /**
     * Array of stat categories
     */
    categories?: StatCategory[];
    /**
     * Default selected category ID
     */
    defaultCategory?: string;
}
/**
 * StatsCircularProgress - A tabbed stats display featuring circular progress indicators
 * organized by category (Business, Technical, Customer). Each stat shows a visual
 * circular progress ring with the value centered inside, along with a label and
 * additional info. Includes both desktop tabs and mobile dropdown for category
 * selection. Ideal for KPI dashboards, performance reports, or multi-dimensional
 * metrics visualization.
 *
 * @example
 * ```tsx
 * <StatsCircularProgress
 *   badge="Performance"
 *   heading="Key Performance Indicators"
 *   categories={[
 *     { id: "business", name: "Business", stats: [...] },
 *   ]}
 * />
 * ```
 */
declare function StatsCircularProgress({ className, badge, heading, description, categories, defaultCategory, }: StatsCircularProgressProps): react_jsx_runtime.JSX.Element;

export { type CircularStat, type StatCategory, StatsCircularProgress, type StatsCircularProgressProps };
