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

const ProductionOnboarding = () => {
  return (
    <Page headerType="NONE" backgroundImg={background.productionBG}>
      <View
        style={{
          flex: 1,
          paddingBottom: gutters * 2,
          justifyContent: 'flex-end',
        }}
      >
        <GradientButton title="Commence" onPress={() => navigate(Routes.Production)} />
      </View>
    </Page>
  )
}

export default ProductionOnboarding