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";
import { LinearGradient } from "../components/LinearGradient/LinearGradient";
import GradientButton from "../components/GradientButton";

export default ({ navigation }) => {
  return (
    <View
      style={{
        flex: 1,
        justifyContent: "flex-end",
        padding: gutters,
        paddingBottom: gutters * 2,
        backgroundColor: "#0A0D12",
        gap: 10,
      }}
    >
      <GradientButton title="LOGIN" onPress={() => navigate(Routes.Login)} />
      <GradientButton
        title="WRITING"
        onPress={() => navigate(Routes.Writing)}
      />
      <GradientButton title="STUDIO" onPress={() => navigate(Routes.Studio)} />
      <GradientButton
        title="PRODUCTION"
        onPress={() => navigate(Routes.ProductionOnboarding)}
      />
    </View>
  );
};
