analytica-frontend-lib
Version:
Repositório público dos componentes utilizados nas plataformas da Analytica Ensino
54 lines (52 loc) • 1.88 kB
JavaScript
import {
Text_default
} from "./chunk-IMCIR6TJ.mjs";
import {
cn
} from "./chunk-53ICLDGS.mjs";
import {
useQuizStore
} from "./chunk-G7IP4VLI.mjs";
// src/components/Quiz/TeacherFeedbackSection.tsx
import { forwardRef } from "react";
import { PaperclipIcon } from "@phosphor-icons/react/dist/csr/Paperclip";
import { jsx, jsxs } from "react/jsx-runtime";
var TeacherFeedbackSection = forwardRef(({ className }, ref) => {
const { getActivityFeedback } = useQuizStore();
const feedback = getActivityFeedback();
if (!feedback?.teacherFeedback && !feedback?.attachment) {
return null;
}
return /* @__PURE__ */ jsxs(
"div",
{
ref,
className: cn(
"bg-background border border-border-100 rounded-lg p-4 mt-6",
className
),
children: [
/* @__PURE__ */ jsx(Text_default, { className: "text-sm font-bold text-text-950 mb-3", children: "Observa\xE7\xE3o do Professor" }),
feedback.teacherFeedback && /* @__PURE__ */ jsx(Text_default, { size: "sm", className: "text-text-700 whitespace-pre-wrap mb-3", children: feedback.teacherFeedback }),
feedback.attachment && /* @__PURE__ */ jsxs(
"a",
{
href: feedback.attachment,
target: "_blank",
rel: "noopener noreferrer",
className: "inline-flex items-center gap-2 px-3 py-2 bg-secondary-100 rounded-full text-text-800 hover:bg-secondary-200 transition-colors",
children: [
/* @__PURE__ */ jsx(PaperclipIcon, { size: 16 }),
/* @__PURE__ */ jsx(Text_default, { size: "sm", weight: "medium", color: "text-text-800", children: "Ver anexo" })
]
}
)
]
}
);
});
TeacherFeedbackSection.displayName = "TeacherFeedbackSection";
export {
TeacherFeedbackSection
};
//# sourceMappingURL=chunk-3WHTIO7P.mjs.map