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

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

export default Studio;
