import React from "react"; import Question, { QuestionChildProps } from "./Question"; import Checkbox from "../CheckboxComponent"; import {View} from "react-native"; import {FontAwesome6} from "@expo/vector-icons"; export default React.forwardRef( (props, ref): React.ReactElement => { const { ...rest } = props; const [checkedOne, setCheckedOne] = React.useState(true); const [checkedTwo, setCheckedTwo] = React.useState(false); const [checkedThree, setCheckedThree] = React.useState(false); const [checkedFour, setCheckedFour] = React.useState(false); const [checkedFive, setCheckedFive] = React.useState(false); const handleChangeOne = () => { if(!checkedOne) { setCheckedOne(!checkedOne); setCheckedTwo(false); setCheckedThree(false); setCheckedFour(false); setCheckedFive(false); } }; const handleChangeTwo = () => { if(!checkedTwo) { setCheckedOne(false); setCheckedTwo(!checkedTwo); setCheckedThree(false); setCheckedFour(false); setCheckedFive(false); } }; const handleChangeThree = () => { if(!checkedThree) { setCheckedOne(false); setCheckedTwo(false); setCheckedThree(!checkedThree); setCheckedFour(false); setCheckedFive(false); } }; const handleChangeFour = () => { if(!checkedFour) { setCheckedOne(false); setCheckedTwo(false); setCheckedThree(false); setCheckedFour(!checkedFour); setCheckedFive(false); } }; const handleChangeFive = () => { if(!checkedFive) { setCheckedOne(false); setCheckedTwo(false); setCheckedThree(false); setCheckedFour(false); setCheckedFive(!checkedFive); } }; return ( ); } );