question-component-return.jsx

return (
  <>
    {showCorrectAnswerCard ? (
      <View style={{marginVertical: 5}}>
        <Card status={'success'}>
          <Text>Correct 🥳</Text>
        </Card>
      </View>
    ) : null}
    {showWrongAnswerCard ? (
      <View style={{marginVertical: 5}}>
        <Card status={'danger'}>
          <Text>Incorrect 😞</Text>
        </Card>
      </View>
    ) : null}
    <Text>{question.text}</Text>
    <RadioGroup
      selectedIndex={selectedAnswer}
      onChange={(index: number) => setSelectedAnswer(index)}>
      {question.answers.map(answer => (
        <Radio key={question.id} disabled={isSubmitted}>
          {answer}
        </Radio>
      ))}
    </RadioGroup>
    <Button
      disabled={isSubmitted}
      style={{marginVertical: 5}}
      onPress={onSubmitAnswer}>
      Submit
    </Button>
  </>
);