// src/components/CompatibilityCard.jsx
import CompatibilityRing from "./CompatibilityRing";
import Icon from "./Icons";

export default function CompatibilityCard({ result }) {
  return (
    <div className="glass-card text-center">
      <h3 className="mb-4 font-mono text-xs text-slate-400">COMPATIBILITY_RESULT</h3>
      <CompatibilityRing score={result.score} />
      <p className="text-lg font-bold mb-2 text-white">"{result.joke}"</p>
      <div className="text-indigo-400 font-bold">{result.verdict}</div>
    </div>
  );
}
