import React from "react";
import { SecurityLevel } from "../../types/cia";
interface SecurityLevelIndicatorProps {
    /**
     * The security level to display
     */
    level: SecurityLevel;
    /**
     * Size variant
     */
    size?: "sm" | "md" | "lg";
    /**
     * Optional CSS class name
     */
    className?: string;
    /**
     * Optional test ID for testing
     */
    testId?: string;
}
/**
 * A simple indicator that displays a security level with appropriate color
 *
 * ## UX Perspective
 *
 * Provides consistent visual indicators of security levels using
 * color psychology to communicate the level of security provided. 🎨
 */
declare const SecurityLevelIndicator: React.FC<SecurityLevelIndicatorProps>;
export default SecurityLevelIndicator;
//# sourceMappingURL=SecurityLevelIndicator.d.ts.map