import React from "react";
import { ScrollView, StatusBar } from "react-native";

import testQuestions from "../data/test";
import aerodynamicsQuestions from "../data/aerodynamics";
import firstAidQuestions from "../data/firstAid";
import flightSafetyQuestions from "../data/flightSafety";
import instrumentsQuestions from "../data/instruments";
import legislationQuestions from "../data/legislation";
import materialsQuestions from "../data/materials";
import meteorologyQuestions from "../data/meteorology";
import physiopathologyQuestions from "../data/physiopathology";
import pilotingTechniquesQuestions from "../data/pilotingTechniques";

import { RowItem } from "../components/RowItem";

export default ({ navigation }) => (
  <ScrollView>
    <StatusBar barStyle="dark-content" />
    <RowItem name="Aerodinamica" color="#36b1f0" onPress={() =>
      navigation.navigate("Quiz", {
        title: "Aerodinamica",
        questions: aerodynamicsQuestions,
        color: "#36b1f0"
      })}/>

    <RowItem name="Primo soccorso" color="#36b1f0" onPress={() =>
      navigation.navigate("Quiz", {
        title: "Primo soccorso",
        questions: firstAidQuestions,
        color: "#36b1f0"
      })}/>

    <RowItem name="Sicurezza in volo" color="#36b1f0" onPress={() =>
      navigation.navigate("Quiz", {
        title: "Sicurezza in volo",
        questions: flightSafetyQuestions,
        color: "#36b1f0"
      })}/>

    <RowItem name="Strumentazione" color="#36b1f0" onPress={() =>
      navigation.navigate("Quiz", {
        title: "Strumentazione",
        questions: instrumentsQuestions,
        color: "#36b1f0"
      })}/>

    <RowItem name="Materiali" color="#36b1f0" onPress={() =>
      navigation.navigate("Quiz", {
        title: "Materiali",
        questions: materialsQuestions,
        color: "#36b1f0"
      })}/>

    <RowItem name="Meteorologia e aerologia" color="#36b1f0" onPress={() =>
      navigation.navigate("Quiz", {
        title: "Meteorologia e aerologia",
        questions: meteorologyQuestions,
        color: "#36b1f0"
      })}/>

    <RowItem name="Fisiopatologia del volo" color="#36b1f0" onPress={() =>
      navigation.navigate("Quiz", {
        title: "Fisiopatologia del volo",
        questions: physiopathologyQuestions,
        color: "#36b1f0"
      })}/>

    <RowItem name="Tecniche di pilotaggio" color="#36b1f0" onPress={() =>
      navigation.navigate("Quiz", {
        title: "Tecniche di pilotaggio",
        questions: pilotingTechniquesQuestions,
        color: "#36b1f0"
      })}/>

    <RowItem name="TEST" color="#36b1f0" onPress={() =>
      navigation.navigate("Quiz", {
        title: "TEST",
        questions: testQuestions,
        color: "#36b1f0"
      })}/>

  </ScrollView>
);