import {FunctionComponent} from 'react'
import {ITriviaQuestion} from '../../models/ITriviaQuestion.ts'

const QuestionItem: FunctionComponent<ITriviaQuestion> = ({id, question, category, type, difficulty}) => {

    return (
        <div className="table-row">
            <div>{question}</div>
            <div>{category}</div>
            <div>{type}</div>
            <div>{difficulty}</div>
            <div>
                Details
            </div>
            <div>
                Delete
            </div>
        </div>
    )
}

export default QuestionItem
