analytica-frontend-lib
Version:
Repositório público dos componentes utilizados nas plataformas da Analytica Ensino
36 lines • 1.55 kB
TypeScript
import type { StudentPerformanceDetailsModalProps } from '../../StudentPerformanceDetailsModal/types/index';
/**
* StudentPerformanceDetailsModal component
*
* Displays a modal with detailed student performance information including:
* - Student name with profile icon
* - Three main stat cards (grade, correct questions, incorrect questions)
* - Five metric cards (activities, questions, access, time, last login)
* - Expandable list of activity progress
*
* @example
* ```tsx
* <StudentPerformanceDetailsModal
* isOpen={isModalOpen}
* onClose={() => setIsModalOpen(false)}
* data={{
* studentName: 'Fernanda Rocha',
* grade: { value: 9.0, performanceLabel: 'Acima da média' },
* correctQuestions: { value: 8, bestResultTopic: 'Fotossíntese' },
* incorrectQuestions: { value: 7, hardestTopic: 'Células' },
* activitiesCompleted: 10,
* questionsAnswered: 40,
* accessCount: '00',
* timeOnline: '00:00:00',
* lastLogin: '00/00/0000 • 00:00h',
* activities: [
* { id: '1', name: 'Atividade 1', correctCount: 30, totalCount: 50 },
* { id: '2', name: 'Atividade 2', correctCount: 0, totalCount: 0, hasNoData: true },
* ],
* }}
* />
* ```
*/
export declare const StudentPerformanceDetailsModal: ({ isOpen, onClose, data, loading, error, labels: customLabels, }: StudentPerformanceDetailsModalProps) => import("react/jsx-runtime").JSX.Element | null;
export default StudentPerformanceDetailsModal;
//# sourceMappingURL=StudentPerformanceDetailsModal.d.ts.map