import { default as React } from 'react';
import { StatusLevel } from '../../utils';
export declare const GLASS_COLOR_OVERLAYS: {
    readonly electric: {
        readonly gradient: "linear-gradient(135deg, rgba(62, 60, 255, 0.15) 0%, rgba(62, 60, 255, 0.05) 100%)";
        readonly accent: "#3E3CFF";
        readonly border: "rgba(62, 60, 255, 0.3)";
        readonly glow: "rgba(62, 60, 255, 0.4)";
    };
    readonly purple: {
        readonly gradient: "linear-gradient(135deg, rgba(157, 112, 255, 0.15) 0%, rgba(157, 112, 255, 0.05) 100%)";
        readonly accent: "#9D70FF";
        readonly border: "rgba(157, 112, 255, 0.3)";
        readonly glow: "rgba(157, 112, 255, 0.4)";
    };
    readonly prussianBlue: {
        readonly gradient: "linear-gradient(135deg, rgba(27, 45, 160, 0.2) 0%, rgba(27, 45, 160, 0.08) 100%)";
        readonly accent: "#1B2DA0";
        readonly border: "rgba(27, 45, 160, 0.4)";
        readonly glow: "rgba(27, 45, 160, 0.5)";
    };
    readonly cyan: {
        readonly gradient: "linear-gradient(135deg, rgba(0, 212, 255, 0.12) 0%, rgba(0, 180, 220, 0.04) 100%)";
        readonly accent: "#00D4FF";
        readonly border: "rgba(0, 212, 255, 0.35)";
        readonly glow: "rgba(0, 212, 255, 0.5)";
    };
    readonly teal: {
        readonly gradient: "linear-gradient(135deg, rgba(45, 204, 255, 0.12) 0%, rgba(45, 204, 255, 0.04) 100%)";
        readonly accent: "#2DCCFF";
        readonly border: "rgba(45, 204, 255, 0.35)";
        readonly glow: "rgba(45, 204, 255, 0.5)";
    };
    readonly dark: {
        readonly gradient: "linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%)";
        readonly accent: "#1a1a2e";
        readonly border: "rgba(255, 255, 255, 0.1)";
        readonly glow: "rgba(0, 0, 0, 0.3)";
    };
    readonly light: {
        readonly gradient: "linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%)";
        readonly accent: "#ffffff";
        readonly border: "rgba(255, 255, 255, 0.25)";
        readonly glow: "rgba(255, 255, 255, 0.3)";
    };
    readonly white: {
        readonly gradient: "linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.08) 100%)";
        readonly accent: "#ffffff";
        readonly border: "rgba(255, 255, 255, 0.3)";
        readonly glow: "rgba(255, 255, 255, 0.4)";
    };
    readonly electricLight: {
        readonly gradient: "linear-gradient(135deg, rgba(107, 105, 255, 0.15) 0%, rgba(107, 105, 255, 0.05) 100%)";
        readonly accent: "#6B69FF";
        readonly border: "rgba(107, 105, 255, 0.3)";
        readonly glow: "rgba(107, 105, 255, 0.4)";
    };
    readonly purpleLight: {
        readonly gradient: "linear-gradient(135deg, rgba(180, 141, 255, 0.15) 0%, rgba(180, 141, 255, 0.05) 100%)";
        readonly accent: "#B48DFF";
        readonly border: "rgba(180, 141, 255, 0.3)";
        readonly glow: "rgba(180, 141, 255, 0.4)";
    };
    readonly none: {
        readonly gradient: "none";
        readonly accent: "transparent";
        readonly border: "rgba(255, 255, 255, 0.1)";
        readonly glow: "transparent";
    };
};
export type GlassColorOverlay = keyof typeof GLASS_COLOR_OVERLAYS;
export type GlassAccentPosition = "top" | "left" | "right" | "bottom" | "none";
export interface GlassCardProps {
    /** Card title with optional icon */
    title?: React.ReactNode;
    /** Subtitle text */
    subtitle?: React.ReactNode;
    /** Color overlay from Zendir brand palette */
    colorOverlay?: GlassColorOverlay;
    /** Custom color overlay (hex or rgba) */
    customOverlay?: {
        gradient: string;
        accent: string;
        border: string;
        glow?: string;
    };
    /**
     * Accent color (hex) - auto-generates overlay from this color
     * Overrides colorOverlay if provided
     * Can be used with CardAccentProvider: accentColor={getAccentColor(title)}
     */
    accentColor?: string;
    /** Position of the accent line/glow */
    accentPosition?: GlassAccentPosition;
    /** Accent line style */
    accentStyle?: "solid" | "gradient" | "glow" | "dots";
    /** Header icon (rendered before title) */
    icon?: React.ReactNode;
    /** Header right actions (legend, buttons, etc.) */
    actions?: React.ReactNode;
    /** Legend items to display in header */
    legend?: Array<{
        label: string;
        color: string;
    }>;
    /** Status indicator */
    status?: StatusLevel;
    /** Blur intensity (0-20) */
    blur?: number;
    /** Background opacity (0-1) */
    backgroundOpacity?: number;
    /** Enable glow effect on hover */
    glowOnHover?: boolean;
    /** Children content */
    children: React.ReactNode;
    /** Custom className */
    className?: string;
    /** Custom style */
    style?: React.CSSProperties;
    /** Click handler */
    onClick?: () => void;
    /** Full height mode */
    fullHeight?: boolean;
    /** Padding size */
    padding?: "none" | "sm" | "md" | "lg";
}
export declare const GlassCard: React.NamedExoticComponent<GlassCardProps>;
export default GlassCard;