import { type LucideIcon } from 'lucide-react';
/**
 * Category configuration with semantic colors and icons
 * Following the UX design guidelines from the mock
 */
export declare const CATEGORY_CONFIG: {
    readonly hero: {
        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
        readonly bgColor: "bg-indigo-50";
        readonly textColor: "text-indigo-600";
        readonly borderColor: "border-indigo-200";
    };
    readonly content: {
        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
        readonly bgColor: "bg-emerald-50";
        readonly textColor: "text-emerald-600";
        readonly borderColor: "border-emerald-200";
    };
    readonly cta: {
        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
        readonly bgColor: "bg-orange-50";
        readonly textColor: "text-orange-600";
        readonly borderColor: "border-orange-200";
    };
    readonly stats: {
        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
        readonly bgColor: "bg-blue-50";
        readonly textColor: "text-blue-600";
        readonly borderColor: "border-blue-200";
    };
    readonly default: {
        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
        readonly bgColor: "bg-slate-50";
        readonly textColor: "text-slate-600";
        readonly borderColor: "border-slate-200";
    };
};
export type CategoryKey = keyof typeof CATEGORY_CONFIG;
export interface CategoryConfig {
    icon: LucideIcon;
    bgColor: string;
    textColor: string;
    borderColor: string;
}
/**
 * Get category configuration for a given category
 * Falls back to 'default' if category is not found
 */
export declare function getCategoryConfig(category: string): CategoryConfig;
/**
 * Get the icon component for a given category
 */
export declare function getCategoryIcon(category: string): LucideIcon;
/**
 * Get the color classes for a given category
 */
export declare function getCategoryColors(category: string): {
    bg: string;
    text: string;
    border: string;
};
//# sourceMappingURL=category-helpers.d.ts.map