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 PlaybackOnboarding = () => {
  return (
    <Page backgroundImg={background.playbackBG} headerType="NONE">
      <View
        style={{
          flex: 1,
          paddingBottom: gutters * 2,
          justifyContent: "flex-end",
        }}
      >
        <GradientButton
          title="Commence"
          onPress={() => navigate(Routes.Playback)}
        />
      </View>
    </Page>
  );
};

export default PlaybackOnboarding;
