import React from "react";
import { Text, View } from "react-native";
import Button from "../components/Button";
import { gutters } from "../styles";
import { navigate } from "../navigation/NavigationService";
import { Routes } from "../navigation";

export default ({ navigation }) => {
  return (
    <View
      style={{
        flex: 1,
        justifyContent: "flex-end",
        padding: gutters,
        paddingBottom: gutters * 2,
      }}
    >
      <Button text="WRITING" onPress={() => navigate(Routes.Writing)} />
      <Button text="STUDIO" onPress={() => navigate(Routes.Studio)} />
      <Button text="PRODUCTION" onPress={() => navigate(Routes.ProductionOnboarding)} />
    </View>
  );
};
