// SecretRow.tsx
// Displays a single secret with discovered checkbox and text.
import type { Secret } from "@/lib/types";

/**
 * Renders a secret row with a discovered checkbox and secret text.
 * Handles updating the discovered state and discoveredIn relationship.
 */
export const SecretPrintRow = ({ secret }: { secret: Secret }) => {
  return (
    <li className="flex items-center gap-3">
      <input
        type="checkbox"
        className="flex-none accent-emerald-500 w-5 h-5"
        aria-label="Discovered"
      />
      <span>
        {(secret.data as any)?.secret?.text || (
          <span className="italic text-slate-400">(No secret text)</span>
        )}
      </span>
    </li>
  );
};