import { View } from "react-native";
import React from "react";
import Page from "../../layouts/Page";
import GradientButton from "../../components/GradientButton";
import { gutters } from "../../styles";
import { navigate } from "../../navigation/NavigationService";
import { Routes } from "../../navigation";

const Writing = () => {
  return (
    <Page
      headerType="NONE"
      containerStyle={{ paddingHorizontal: 0 }}
      contentContainerStyle={{
        padding: gutters * 2,
      }}
    >
      <View style={{ flex: 1, justifyContent: "flex-end" }}>
        <GradientButton
          title="Commencer"
          onPress={() => navigate(Routes.WritingLyrics)}
        />
      </View>
    </Page>
  );
};

export default Writing;
