import { default as React, ReactNode } from 'react';
export type CardAccentKey = "cyan" | "electric" | "purple" | "teal" | "prussianBlue" | "green" | "amber" | "mix";
export interface CardAccentColor {
    /** Display label */
    label: string;
    /** Hex color value (or 'mix' for automatic) */
    value: string;
}
/**
 * Predefined card accent colors
 * These are optimized for dark themes and space operations UIs
 */
export declare const CARD_ACCENT_COLORS: Record<CardAccentKey, CardAccentColor>;
/**
 * Space system keyword → accent color mapping
 * Used in 'mix' mode to automatically assign colors based on content
 */
export declare const SPACE_SYSTEM_COLORS: Record<string, string>;
/**
 * Get accent color based on title/content and accent mode
 *
 * @param title - Content title or description to analyze
 * @param accentMode - Current accent mode (specific color or 'mix')
 * @returns Hex color string or undefined
 *
 * @example
 * ```tsx
 * getSystemAccentColor('Power Systems Overview', 'mix') // '#22c55e'
 * getSystemAccentColor('Power Systems', 'purple') // '#a855f7'
 * ```
 */
export declare function getSystemAccentColor(title: string, accentMode: CardAccentKey): string | undefined;
/**
 * Get all accent color options for building UI selectors
 */
export declare function getAccentColorOptions(): Array<{
    key: CardAccentKey;
    label: string;
    value: string;
}>;
export interface CardAccentContextValue {
    /** Current accent mode */
    accentMode: CardAccentKey;
    /** Get accent color for a given title/content */
    getAccentColor: (title: string) => string | undefined;
    /** All available accent options */
    accentOptions: Array<{
        key: CardAccentKey;
        label: string;
        value: string;
    }>;
}
export interface CardAccentProviderProps {
    /** Accent mode to use */
    accentMode?: CardAccentKey;
    /** Children */
    children: ReactNode;
}
/**
 * Provider for card accent context
 * Wrap your app or section to provide consistent accent coloring
 */
export declare function CardAccentProvider({ accentMode, children, }: CardAccentProviderProps): React.ReactElement;
/**
 * Hook to access card accent context
 *
 * @example
 * ```tsx
 * const { getAccentColor, accentMode } = useCardAccent();
 * <Container accentColor={getAccentColor('Power Chart')} />
 * ```
 */
export declare function useCardAccent(): CardAccentContextValue;
export default CardAccentProvider;