"use client";

import React from "react";
import FigmaFeedbackContent from "./FigmaFeedbackContent";

type Props = {
  open: boolean;
  onClose: () => void;
  learnerName?: string;
  instructorName?: string;
  scoreText?: string;
};

export default function FeedbackModal({
  open,
  onClose,
  learnerName,
  instructorName,
  scoreText,
}: Props) {
  if (!open) return null;
  return (
    <div
      className="fixed inset-0 z-50 flex items-center justify-center"
      aria-hidden={!open}
    >
      <div
        className="absolute inset-0 bg-black/40"
        onClick={onClose}
        aria-hidden="true"
      />
      <div className="relative z-10 shadow-xl">
        <FigmaFeedbackContent
          onClose={onClose}
          learnerName={learnerName}
          instructorName={instructorName}
          scoreText={scoreText}
        />
      </div>
    </div>
  );
}