45 lines
881 B
TypeScript
45 lines
881 B
TypeScript
"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>
|
|
);
|
|
}
|
|
|
|
|