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>
  )
}