frontend/src/components/features/settings/key-status-icon.tsx

import SuccessIcon from "#/icons/success.svg?react";
import { cn } from "#/utils/utils";

interface KeyStatusIconProps {
  testId?: string;
  isSet: boolean;
}

export function KeyStatusIcon({ testId, isSet }: KeyStatusIconProps) {
  return (
    <span data-testid={testId || (isSet ? "set-indicator" : "unset-indicator")}>
      <SuccessIcon className={cn(isSet ? "text-success" : "text-danger")} />
    </span>
  );
}