mario-education 2.4.290-release → 2.4.292-release

package/dist/containers/Homepage/api/homepageApi.d.ts

@@ -0,0 +1,2 @@
+export declare const getAdminGeneralTipApi: () => Promise<import("axios").AxiosResponse<any>>;
+export declare const getGradeUsageApi: () => Promise<import("axios").AxiosResponse<any>>;

package/dist/containers/Homepage/api/oneToOneApi.d.ts

@@ -0,0 +1,3 @@
+import { IOneToOneParams, IStudentQuestionSkillParams } from "../common/interface";
+export declare const getOneToOneApi: (filter: IOneToOneParams) => Promise<import("axios").AxiosResponse<any>>;
+export declare const getStudentQuestionSkillApi: (filter: IStudentQuestionSkillParams) => Promise<import("axios").AxiosResponse<any>>;

package/dist/containers/Homepage/assets/icons/ArrowIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const ArrowIcon: FC<any>;
+export default ArrowIcon;

package/dist/containers/Homepage/assets/icons/ArrowUpIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const ArrowUpIcon: FC<any>;
+export default ArrowUpIcon;

package/dist/containers/Homepage/assets/icons/CheckinIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const CheckinIcon: FC<any>;
+export default CheckinIcon;

package/dist/containers/Homepage/assets/icons/ClassReflectionIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ClassReflectionIcon: FC<any>;
+export default ClassReflectionIcon;

package/dist/containers/Homepage/assets/icons/ConferenceIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ConferenceIcon: FC<any>;
+export default ConferenceIcon;

package/dist/containers/Homepage/assets/icons/ConversationIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ConversationIcon: FC<any>;
+export default ConversationIcon;

package/dist/containers/Homepage/assets/icons/ConversationTimeIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ConversationTimeIcon: FC<any>;
+export default ConversationTimeIcon;

package/dist/containers/Homepage/assets/icons/DownRedIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const DownRedIcon: FC<any>;
+export default DownRedIcon;

package/dist/containers/Homepage/assets/icons/PenAndPaperIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const PenAndPaperIcon: FC<any>;
+export default PenAndPaperIcon;

package/dist/containers/Homepage/assets/icons/UpGreenIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const UpGreenIcon: FC<any>;
+export default UpGreenIcon;

package/dist/{MarioFramework.Education/ClientApp/src/containers/MyStudent/components/NewOverview/Chat/configs/constants.d.ts → containers/Homepage/common/constant.d.ts}

@@ -31,6 +31,23 @@ export declare const INITIAL_STUDENT_SKILL_QUESTION: {
     responseStudentStress: never[];
     responseStudentSafety: never[];
 };
+export declare const INITIAl_HOMEPAGE_STATIC: {
+    totalStudent: number;
+    totalCheckIn: number;
+    totalCheckInLastMonth: number;
+    totalConversationTime: number;
+    totalConversationTimeLastMonth: number;
+    totalOneToOneConversation: number;
+    totalOneToOneConversationLastMonth: number;
+    totalConference: number;
+    totalConferenceLastMonth: number;
+    avgClassReflection: number;
+    avgClassReflectionLastMonth: number;
+};
+export declare const INITIAl_SCHOOL_INFO: {
+    logo: string;
+    name: string;
+};
 export declare const DEFAULT_START_DATE: number;
 export declare const DEFAULT_END_DATE: number;
 export declare const SAFETY_QUESTION = "safety";
@@ -44,3 +61,4 @@ export declare const overallReadinessToLearnName = "overall_readiness_to_learn";
 export declare const learningProcessName = "learning_process";
 export declare const averageStudentSafetyName = "average_student_safety";
 export declare const averageStudentStressName = "average_student_stress";
+export declare const DATE_MIN_VALUE = "0001-01-01T00:00:00";

package/dist/{MarioFramework.Education/ClientApp/src/containers/MyStudent/components/NewOverview/Chat/types/types.d.ts → containers/Homepage/common/interface.d.ts}

@@ -1,3 +1,9 @@
+export interface STUDENT_SELECTOR {
+    id: string;
+    fullName: string;
+    studentId: number;
+    email?: string;
+}
 export interface IStudentPercentQuestion {
     percentQuestion: number;
     studentId: number;
@@ -145,6 +151,7 @@ export interface IGenerateChart {
 }
 export interface IChartOverview {
     isPlp?: boolean;
+    idDistribution?: string;
     timeOfDay?: string;
     topLearningStrategiesData: ILearningStrategies;
     handleActiveColumnOneToOne: Function;
@@ -218,6 +225,7 @@ export interface IModelStudentSession {
     title: string;
     tagName: string;
     responseStudent: IResponseStudentQuestion[];
+    isStressMode?: boolean;
 }
 export interface IModelSkillStudent {
     studentCount?: number;
@@ -225,3 +233,88 @@ export interface IModelSkillStudent {
     name: string;
     responseStudent?: IResponseStudentQuestion[];
 }
+export interface FILTER_STUDENT_WELLBEING {
+    startDate?: number;
+    endDate?: number;
+    classType?: string;
+    grade?: string;
+    studentId?: number | null;
+    timeOfDay?: string;
+    roles?: string[];
+    optionDate?: string;
+}
+export interface CheckIn {
+    createdAt?: string;
+    sessionId: number;
+    sessionResultId: number;
+    name: string;
+    avatar?: string;
+    startTime: string;
+    resultStartTime?: string;
+    endTime?: string;
+    isDone?: boolean;
+    percentDiff?: number;
+    tagTitle?: string;
+    studentId?: number;
+    isSessionCheckIn?: boolean;
+    lastCheckIn?: LastCheckIn;
+}
+export interface LastCheckIn {
+    id?: number;
+    sessionResultId?: number;
+    startTime?: string;
+    endTime?: string;
+}
+export interface IHomepageStatic {
+    totalStudent: number;
+    totalCheckIn: number;
+    totalCheckInLastMonth: number;
+    totalConversationTime: number;
+    totalConversationTimeLastMonth: number;
+    totalOneToOneConversation: number;
+    totalOneToOneConversationLastMonth: number;
+    totalConference: number;
+    totalConferenceLastMonth: number;
+    avgClassReflection: number;
+    avgClassReflectionLastMonth: number;
+}
+export declare type TotalCardItem = {
+    icon?: any;
+    id: string;
+    title: string;
+    value: number;
+    lastMonthValue: number;
+    totalStudent?: number;
+};
+export interface IGeneralTip {
+    id: number;
+    text: string;
+}
+export interface IGradeUsage {
+    grade: string;
+    totalCheckIn: number;
+    totalConference: number;
+    totalConversation: number;
+    totalOneToOne: number;
+    totalReflection: number;
+}
+export interface ISchoolInfo {
+    logo: string;
+    name: string;
+}
+export interface IOneToOneParams {
+    studentId: any;
+    timeSearch: any;
+    gradeFilter?: string[];
+    roles?: string[];
+    academicYearId?: number;
+}
+export interface IStudentQuestionSkillParams {
+    studentId: any;
+    startDate?: number;
+    endDate?: number;
+    gradeFilter?: string[];
+    roles?: string[];
+    academicYearId?: number;
+    optionDate?: string;
+}

package/dist/{MarioFramework.Education/ClientApp/src/containers/MyStudent/components/NewOverview/Chat/configs → containers/Homepage/common}/utils.d.ts

@@ -1,11 +1,11 @@
 import { ApexOptions } from "apexcharts";
-import { IOverviewQuestionChoice, IReadinessToLearning, ISeries } from "../types/types";
+import { IOverviewQuestionChoice, IReadinessToLearning, ISeries } from "./interface";
 export declare const seriesNameBubbleChartCustom: (series: IReadinessToLearning[]) => string[];
 export declare const average: (arr: number[]) => number;
 export declare const convertDataToDataChart: (data: IOverviewQuestionChoice[]) => string[];
 export declare const overallDonutCHartOptions: (labelNames: string[], colors: string[], isCountSeries?: boolean | undefined, textColors?: string[] | undefined) => ApexOptions;
 export declare const learningStrategyChartOptions: (labelNames: any, usageCountList: number[], isMobileScreen: boolean) => ApexOptions;
-export declare const readinesToLearnoptions: (seriesName: string[], redirectStudentOverview?: Function | undefined, isStudent?: boolean | undefined, colors?: string[] | undefined, isStudentResponses?: boolean | undefined) => ApexOptions;
+export declare const readinesToLearnoptions: (id: string, data: IReadinessToLearning[], seriesName: string[], redirectStudentOverview?: Function | undefined, isStudent?: boolean | undefined, colors?: string[] | undefined, isStudentResponses?: boolean | undefined) => ApexOptions;
 export declare const convertDataToSeriesBullderChart: (data: IReadinessToLearning[], chartWidth: number, isStudentResponses?: boolean | undefined) => {
     name: string;
     data: (string | number)[][];
@@ -31,5 +31,10 @@ export declare const convertToSeriesColumnChartAndPercentConference: (dataCharts
     data: number[];
 }[];
 export declare const convertToAvg: (dataCharts: string[], data: IOverviewQuestionChoice[], months: string[]) => number[];
-export declare const handleAveraged: (points: number[]) => number;
-export declare const handleGenerateAvgQuestion: (data: number[], avgContent?: string | undefined) => string;
+export declare const handleAveraged: (points: number[], isStress?: boolean | undefined) => number;
+export declare const handleGenerateAvgQuestion: (data: number[], isStress: boolean, avgContent?: string | undefined) => string;
+export declare const getConvertMinuteToHour: (timeSecond: any, usingText?: boolean | undefined) => string;
+export declare const getTimeOfFirstDayCurrentMonth: () => number;
+export declare const getTimeCurrentDay: () => number;
+export declare const getTimeOfFirstDayLastMonth: () => number;
+export declare const getTimeOfLastDayLastMonth: () => number;

package/dist/containers/Homepage/components/AdminGeneralTip.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { IGeneralTip } from '../common/interface';
+interface IProps {
+    classBox: any;
+    generalTips: IGeneralTip[];
+}
+declare const AdminGeneralTip: FC<IProps>;
+export default AdminGeneralTip;

package/dist/containers/Homepage/components/GradeUsage.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { IGradeUsage } from '../common/interface';
+interface IProps {
+    classBox: any;
+    dataGradeUsage: IGradeUsage[];
+}
+declare const GradeUsage: FC<IProps>;
+export default GradeUsage;

package/dist/containers/Homepage/components/SchoolUsage.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ISchoolInfo } from '../common/interface';
+interface IProps {
+    classBox: any;
+    totalCardData: any[];
+    schoolInfo: ISchoolInfo;
+}
+declare const SchoolUsage: FC<IProps>;
+export default SchoolUsage;

package/dist/containers/Homepage/components/StudentWellness.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import { IQuestionResponseLastMonth, ISeries, IStudentSkillQuestion } from "../common/interface";
+interface Props {
+    classBox: any;
+    isStudent: boolean;
+    dateOfLastMonth: any;
+    avgQuestionLastMonth: IQuestionResponseLastMonth[];
+    stressData: ISeries[];
+    safetyData: ISeries[];
+    studentSkillQuestion: IStudentSkillQuestion;
+}
+declare const StudentWellness: FC<Props>;
+export default StudentWellness;

package/dist/containers/Homepage/components/StudentWellnessItem.d.ts

@@ -0,0 +1,17 @@
+import { FC } from "react";
+interface Props {
+    name: string;
+    image: string;
+    percent: number;
+    diffPercent: number;
+    percentOfStudent?: number;
+    numberOfStudent?: number;
+    percentOfStudentText?: string;
+    numberOfStudentText?: string;
+    showMore?: boolean;
+    onSeeMore?: Function;
+    isStudent: boolean;
+    defaultText?: string;
+}
+declare const StudentWellnessItem: FC<Props>;
+export default StudentWellnessItem;

package/dist/containers/Homepage/components/StudentWellnessNote.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+interface Props {
+    percent?: number;
+    number?: number;
+    percentText?: string;
+    numberText?: string;
+    seeMoreable?: boolean;
+    onSeeMore?: any;
+    numberUnit?: string;
+    isBelowNumber?: boolean;
+    defaultText?: string;
+    className?: string;
+}
+declare const StudentWellnessNote: FC<Props>;
+export default StudentWellnessNote;

package/dist/containers/Homepage/components/TotalCard.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { TotalCardItem } from "../common/interface";
+interface IProps {
+    card: TotalCardItem;
+}
+declare const TotalCard: FC<IProps>;
+export default TotalCard;

package/dist/containers/Homepage/components/ViewStudent.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+interface IProps {
+    classBox: any;
+    handleAddNewStudent: any;
+    handleViewStudent: any;
+    dataStudents: any[];
+    searchStringStudent: any;
+    setSearchStringStudent: any;
+    studentSelected: any;
+    setStudentSelected: any;
+}
+declare const ViewStudent: FC<IProps>;
+export default ViewStudent;

package/dist/containers/Homepage/components/dialog/StudentWellnessCheckInItem.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+interface Props {
+    endTime: string;
+    startTime: string;
+    onView: Function;
+    sessionId: number;
+    sessionResultId: number;
+    name: string;
+    avatar: string;
+    percent?: number;
+    tagTitle?: string;
+    isSession?: boolean;
+}
+declare const StudentWellnessCheckInItem: FC<Props>;
+export default StudentWellnessCheckInItem;

package/dist/containers/Homepage/components/dialog/StudentWellnessCheckInList.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { CheckIn } from "../../common/interface";
+interface Props {
+    className?: string;
+    onView: Function;
+    checkInList: CheckIn[];
+    emptyText?: string;
+    showEmptyText?: boolean;
+}
+declare const StudentWellnessCheckInList: FC<Props>;
+export default StudentWellnessCheckInList;

package/dist/containers/Homepage/components/dialog/StudentWellnessDialog.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { CheckIn } from "../../common/interface";
+interface Props {
+    open: boolean;
+    onClose: Function;
+    checkIns: CheckIn[];
+    subject?: string;
+}
+declare const StudentWellnessDialog: FC<Props>;
+export default StudentWellnessDialog;

package/dist/containers/Homepage/hooks/useGeneralTip.d.ts

@@ -0,0 +1,6 @@
+import { IGeneralTip } from "../common/interface";
+declare const useGeneralTip: () => {
+    generalTips: IGeneralTip[];
+    getDataAdminGeneralTip: () => Promise<void>;
+};
+export default useGeneralTip;

package/dist/containers/Homepage/hooks/useGradeUsage.d.ts

@@ -0,0 +1,6 @@
+import { IGradeUsage } from "../common/interface";
+declare const useGradeUsage: () => {
+    dataGradeUsage: IGradeUsage[];
+    getDataGradeUsage: () => Promise<void>;
+};
+export default useGradeUsage;

package/dist/containers/Homepage/hooks/useHome.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+declare const useHome: () => {
+    useStylesBox: (props?: any) => Record<"card" | "cardContent", string>;
+    currentUser: any;
+    dateOfLastMonth: {
+        startDate: string;
+        endDate: string;
+    };
+    dataStudents: any;
+    searchStringStudent: string;
+    setSearchStringStudent: import("react").Dispatch<import("react").SetStateAction<string>>;
+    studentSelected: import("../common/interface").STUDENT_SELECTOR;
+    setStudentSelected: import("react").Dispatch<import("react").SetStateAction<import("../common/interface").STUDENT_SELECTOR>>;
+    handleViewStudent: () => void;
+    handleAddNewStudent: () => void;
+    totalCardData: ({
+        id: string;
+        title: string;
+        value: number;
+        lastMonthValue: number;
+        totalStudent: number;
+    } | {
+        id: string;
+        title: string;
+        value: number;
+        lastMonthValue: number;
+        totalStudent?: undefined;
+    })[];
+    schoolInfo: import("../common/interface").ISchoolInfo;
+    avgQuestionLastMonth: import("../common/interface").IQuestionResponseLastMonth[];
+    stressData: import("../common/interface").ISeries[];
+    safetyData: import("../common/interface").ISeries[];
+    studentSkillQuestion: import("../common/interface").IStudentSkillQuestion;
+    generalTips: import("../common/interface").IGeneralTip[];
+    dataGradeUsage: import("../common/interface").IGradeUsage[];
+};
+export default useHome;

package/dist/containers/Homepage/hooks/useSchoolUsage.d.ts

@@ -0,0 +1,19 @@
+import { ISchoolInfo } from "../common/interface";
+declare const useSchoolUsage: () => {
+    totalCardData: ({
+        id: string;
+        title: string;
+        value: number;
+        lastMonthValue: number;
+        totalStudent: number;
+    } | {
+        id: string;
+        title: string;
+        value: number;
+        lastMonthValue: number;
+        totalStudent?: undefined;
+    })[];
+    schoolInfo: ISchoolInfo;
+    getTotalTime: () => Promise<void>;
+};
+export default useSchoolUsage;

package/dist/containers/Homepage/hooks/useStudentWellness.d.ts

@@ -0,0 +1,19 @@
+import { IQuestionResponseLastMonth, ISeries, IStudentSkillQuestion } from "../common/interface";
+import { FILTER_STUDENT_WELLBEING } from "../common/interface";
+declare const useStudentWellness: (studentId: number | undefined, filterDateChart: FILTER_STUDENT_WELLBEING, gradeFilter?: string[] | undefined, academicYearId?: number | undefined) => {
+    handleActiveColumnOneToOne: (index: number, name: string) => void;
+    activeColumnSuccessIndicators: boolean[];
+    monthsOneToOne: string[];
+    dataConvertedOneToOne: string[];
+    dayOfWeekOneToOne: string[];
+    stressData: ISeries[];
+    safetyData: ISeries[];
+    preparednessData: ISeries[];
+    successIndicatorsData: ISeries[];
+    avgQuestionLastMonth: IQuestionResponseLastMonth[];
+    activeColumnPreparedness: boolean[];
+    studentSkillQuestion: IStudentSkillQuestion;
+    getDataStudentSkillServices: () => Promise<void>;
+    getDataOneToOne: () => Promise<void>;
+};
+export default useStudentWellness;

package/dist/containers/Homepage/hooks/useViewStudent.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { STUDENT_SELECTOR } from "../common/interface";
+declare const useViewStudent: () => {
+    handleAddNewStudent: () => void;
+    dataStudents: any;
+    searchStringStudent: string;
+    setSearchStringStudent: import("react").Dispatch<import("react").SetStateAction<string>>;
+    studentSelected: STUDENT_SELECTOR;
+    setStudentSelected: import("react").Dispatch<import("react").SetStateAction<STUDENT_SELECTOR>>;
+    handleViewStudent: () => void;
+    getDataStudents: () => Promise<void>;
+    setDataStudents: import("react").Dispatch<any>;
+    timeout: import("react").MutableRefObject<any>;
+};
+export default useViewStudent;

package/dist/containers/Homepage/services/HomepageSevices.d.ts

@@ -0,0 +1,2 @@
+export declare const getDataAdminGeneralTip: (dispatch: any) => Promise<any>;
+export declare const getDataGradeUsage: (dispatch: any) => Promise<any>;

package/dist/containers/Homepage/services/OneToOneServices.d.ts

@@ -0,0 +1,2 @@
+import { IOneToOneParams } from "../common/interface";
+export declare const getDataOneToOneServices: (dispatch: any, filter: IOneToOneParams) => Promise<any>;

package/dist/containers/Homepage/views/HomePage.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const HomePage: FC;
+export default HomePage;

package/dist/containers/SkillTest/components/SettingSkillTestModal.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import { ISkillTest, ISkillTestReponse } from "../../../utils/serviceType.interface";
+import { ISkillTestDetail } from "../utils/type.interface";
+export interface IProps {
+    ref: any;
+    isOpen: boolean;
+    isEdit?: boolean;
+    onConfirm: (values: ISkillTestDetail) => void;
+    onCancel: () => void;
+    value: ISkillTest;
+    skillTestList: ISkillTestReponse;
+}
+declare const SettingSkillTestModal: FC<IProps>;
+export default SettingSkillTestModal;

package/dist/containers/SkillTest/hook/useSkillTest.d.ts

@@ -0,0 +1,19 @@
+import { ISkillTestReponse, IFilter, ISkillTest } from "../../../utils/serviceType.interface";
+import { ISkillTestDetail } from "../utils/type.interface";
+declare const useSkillTest: () => {
+    currItem: ISkillTestDetail;
+    skillTestList: ISkillTestReponse;
+    isOpenModal: boolean;
+    openModalCreate: () => void;
+    getSkillTestList: () => Promise<void>;
+    openModalEdit: (item: ISkillTestDetail) => void;
+    openModalRemove: (id: number) => void;
+    addSkillTest: (data: ISkillTestDetail) => Promise<void>;
+    editSkillTest: (item: ISkillTest, data: ISkillTest) => Promise<void>;
+    deleteSkillTest: (id: number) => Promise<void>;
+    onCancelModal: () => void;
+    onConfirm: (value: ISkillTest) => Promise<void>;
+    filter: IFilter;
+    changeFilters: (filters: IFilter) => void;
+};
+export default useSkillTest;

package/dist/containers/SkillTest/utils/constant.d.ts

@@ -0,0 +1,17 @@
+export declare const INIT_SKILL_TEST: {
+    currentPage: number;
+    items: never[];
+    pageSize: number;
+    totalItems: number;
+    totalPages: number;
+};
+export declare const INIT_FILTER: {
+    currentPage: number;
+    pageSize: number;
+};
+export declare const INIT_SKILL_TEST_ITEM: {
+    id: number;
+    name: string;
+    description: string;
+    parentSkillId: number;
+};

package/dist/containers/SkillTest/utils/type.interface.d.ts

@@ -0,0 +1,7 @@
+export declare type ISkillTestDetail = {
+    id: number;
+    name: string;
+    description?: string;
+    parentSkillId?: number;
+};
+export declare const INIT_SKILL_TEST: ISkillTestDetail;

package/dist/{MarioFramework.Education/ClientApp/src/containers/Destinations → containers/SkillTest}/utils/ultis.d.ts

@@ -1,7 +1,8 @@
-import { IDesignation } from "../../../utils/serviceType.interface";
+import { ISkillTest } from "../../../utils/serviceType.interface";
+import { ISkillTestDetail } from "./type.interface";
 export declare const schemaDestination: import("yup/lib/object").OptionalObjectSchema<{
     name: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
 }, Record<string, any>, import("yup/lib/object").TypeOfShape<{
     name: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
 }>>;
-export declare const initialEditDesignation: (designations: IDesignation[], id: number) => import("./type.interface").IDestinationDetail;
+export declare const initEditSkillTest: (skillTest: ISkillTest[], item: ISkillTestDetail) => ISkillTest;

package/dist/containers/SkillTest/view/SkillTest.d.ts

@@ -0,0 +1,2 @@
+declare const SkillTest: () => JSX.Element;
+export default SkillTest;