styles type Dropdown

SurveyFrontend/src/components/AnswerOption/AnswerOption.tsx

@@ -1,14 +1,18 @@
 import React, {useState, useRef, useEffect} from "react";
 import styles from'./AnswerOption.module.css';
 
+const single_selected_response = '../../../public/radio_button_checked.svg';
+const multiple_selected_response = '../../../public/check_box.svg';
+// const single_response =
+
 interface AnswerOptionProps{
-    src: string;
     index: number;
     value: string;
     onChange: (value: string) => void;
+    selectedType: 'single' | 'multiply';
 }
 
-const AnswerOption: React.FC<AnswerOptionProps> = ({src, index, value, onChange}) => {
+const AnswerOption: React.FC<AnswerOptionProps> = ({index, value, onChange, selectedType}) => {
     const [currentValue, setCurrentValue] = useState(value);
     const [isEditing, setIsEditing] = useState(false); //редактируется ли сейчас
 
@@ -48,9 +52,17 @@ const AnswerOption: React.FC<AnswerOptionProps> = ({src, index, value, onChange}
         }
     }, [isEditing]);
 
+    const getImage = (typeValue: string): string => {
+        if (typeValue === 'multiply') {
+            return multiple_selected_response;
+        } else {
+            return single_selected_response;
+        }
+    };
+
     return (
         <div className={styles.answer}>
-            <img className={styles.answerIcon} src={src} alt="" />
+            <img className={styles.answerIcon} src={getImage(selectedType)} alt="" />
             {isEditing ? (
                 <textarea className={styles.answerInput}
                           ref={textAreaRef}