import Image from 'next/image';
import Link from 'next/link';  // Don't forget to import Link
import Cookies from 'js-cookie';
import { useRouter } from 'next/navigation';
import React from "react";

export default function Header() {
    const router = useRouter();



    const handleLogout = async (e: React.MouseEvent<HTMLButtonElement>) => {
        Cookies.remove('token');
        Cookies.remove('user_id');

        // Redirect to the login page or any other desired page
        router.push('/login');
    };

    return (
        <header className="flex justify-between items-center p-4 bg-gray-800 text-white">
            <div>
                    LOGO MAKER AI
            </div>
            {/*<div>
                <button
                    type="button"
                    className=""
                    onClick={handleLogout}
                >
                    Logout
                </button>
            </div>*/}


        </header>

);
}