'use client'
import React from 'react'
import Routes from '@/src/utils/RouteConstants'
import { useRouter } from 'next/navigation'
import { useDispatch } from 'react-redux'
import { commonActions } from '@/redux/slices/Common/commonSlice'
import { AppDispatch } from '@/redux/store'

const ProfileCreated: React.FC<{ slug: string }> = ({ slug }) => {
    const router = useRouter();
    const dispatch = useDispatch<AppDispatch>();

    const handleContinueWithBooking = () => {
        // Set the isLoggedIn state to true
        dispatch(commonActions.setIsLoggedIn(true));
        // Redirect to the create profile page
        router.push(Routes.CREATE_PROFILE(slug));
    }

    return (
        <button onClick={handleContinueWithBooking} className={`SecondaryBtn w-full max-w-[300px] mx-auto mt-5 md:mt-6`}>Continue with booking</button>
    )
}

export default ProfileCreated;