import React, { useState } from 'react';
import { Link, useNavigate } from 'react-router-dom';
import { useAuth } from '../contexts/AuthContext';
import AuthModal from './AuthModal';
const Navbar: React.FC = () => {
const { user, logout } = useAuth();
const navigate = useNavigate();
const [showAuthModal, setShowAuthModal] = useState(false);
const [authModalMode, setAuthModalMode] = useState<'login' | 'signup'>('login');
const handleLogout = () => {
logout();
navigate('/');
};
const openAuthModal = (mode: 'login' | 'signup') => {
setAuthModalMode(mode);
setShowAuthModal(true);
};
return (
<>
setShowAuthModal(false)}
initialMode={authModalMode}
/>
);
};
export default Navbar;