CoffeeJoo_Panel_kafeDar/components/layout/Sidebar.jsx

export default function Sidebar({ className="" }) {
    return (
        <aside className={`w-64 bg-gray-200 p-4 ${className}`}>
            <nav>
                <ul>
                    <li className="mb-2"><a href="#" className="text-gray-700 hover:text-gray-900">Home</a></li>
                    <li className="mb-2"><a href="#" className="text-gray-700 hover:text-gray-900">About</a></li>
                    <li className="mb-2"><a href="#" className="text-gray-700 hover:text-gray-900">Services</a></li>
                    <li className="mb-2"><a href="#" className="text-gray-700 hover:text-gray-900">Contact</a></li>
                </ul>
            </nav>
        </aside>
    );
}