import {ImageBackground, TouchableOpacity, View} from "react-native";
import Screen from "@/components/ui/Screen";
import * as React from "react";
import {Ionicons} from "@expo/vector-icons";
import {useRouter} from "expo-router";
import LinearProgressBar from "@/components/LinearProgressBar";

export default function WorkoutPresentationComponent() {
    const router = useRouter()
    return (
        <ImageBackground className="h-full w-full"
                         source={require("assets/images/sigmaC.jpeg")}>
            <Screen>
                <View>
                    <TouchableOpacity
                                      onPress={() => {
                                          router.replace("/ExercicesScreen");
                                      }}>
                        <Ionicons name="chevron-back-circle-outline" size={50} color="white"/>
                    </TouchableOpacity>
                </View>

                <LinearProgressBar duration={12}/>
            </Screen>
            
        </ImageBackground>
    )
}