import React from 'react';
// import { ReactComponent as SubjectiveQuestionIcon } from '../assets/image/question-table-icons/sub-ques-icon.svg';
import { ReactComponent as MultipleResponseIcon } from '../assets/image/question-table-icons/mul-res-icon.svg';
import { ReactComponent as MultipleChoiceIcon } from '../assets/image/question-table-icons/mul-cho-icon.svg';
import { ReactComponent as TrueFalseIcon } from '../assets/image/question-table-icons/tru-fals-icon.svg';
import { Typography } from 'antd';

const QuestionTypeLegend = () => {
    return (
        <div className='legends'>
            {/* <div className='center-flex'><SubjectiveQuestionIcon /><Typography.Text> - Subjective Questions</Typography.Text></div> */}
            <div className='center-flex'><MultipleResponseIcon /> - Multiple Response Questions</div>
            <div className='center-flex'><MultipleChoiceIcon /> - Multiple Choice Questions</div>
            <div className='center-flex'><TrueFalseIcon /> - True and False Questions</div>
        </div>
    );
}

export default QuestionTypeLegend;
