components/quizz/layout-score.tsx

"use client";

import { useQuizz } from "./hooks/useQuizz";

export const LayoutScore = ({ className }: { className?: string }) => {
  const { score } = useQuizz();
  return (
    <p className={`text-white font-extrabold text-xl ${className}`}>
      {score ?? 0} point{(score ?? 0) > 1 && "s"} 🎉
    </p>
  );
};