import { IonButton } from '@ionic/react';
import './style.css';

interface QuestionCardProps {
  question_num: number;
  nextQuestion: () => void;
  num_correct: number;
  incNumCorrect: () => void;
}

const QuestionCard: React.FC<QuestionCardProps> = ({ num_correct, question_num, nextQuestion, incNumCorrect }) => {
  return (
    <>
      <div>Question card {question_num}</div>
      <div>num_correct: {num_correct}</div>
      <div>
        <IonButton onClick={nextQuestion}>next question</IonButton>
        <IonButton onClick={incNumCorrect}>mark question correct</IonButton>
      </div>
    </>
  );
};

export default QuestionCard;
