import React from 'react';
import { Link } from 'react-router-dom';

const Sidebar = () => {
  return (
    <div className="h-screen w-64 bg-gray-800 text-white flex flex-col fixed">
      <div className="p-4 text-2xl font-bold">Dashboard</div>
      <nav className="mt-4 flex flex-col space-y-2">
        <Link to="/" className="px-4 py-2 hover:bg-gray-700">Chat</Link>
        <Link to="/analytics" className="px-4 py-2 hover:bg-gray-700">Analytics</Link>
        <Link to="/models" className="px-4 py-2 hover:bg-gray-700">Models</Link>
        <Link to="/settings" className="px-4 py-2 hover:bg-gray-700">Settings</Link>
      </nav>
    </div>
  );
};

export default Sidebar;
