"use client";

import React, { useState } from 'react';


interface SideNavTempProps {
    idk?: string
}

const SideNavTemp: React.FC<SideNavTempProps> = (
    {
        idk
     }
) => {
    
  const [isSidebarOpen, setIsSidebarOpen] = useState(true);

  return (
    <div className="flex flex-col justify-end">
      {/* Sidebar */}
      <div
        className={`bg-gray-800 text-white h-screen/2 transition-all duration-300 ${
          isSidebarOpen ? 'w-64' : 'w-16'
        }`}
      >
        <div className="p-4">
          {isSidebarOpen ? (
            <h1 className="text-xl font-bold">My App</h1>
          ) : (
            <h1 className="text-xl font-bold">M</h1>
          )}
          <button
            onClick={() => setIsSidebarOpen(!isSidebarOpen)}
            className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
          >
            {isSidebarOpen ? 'Collapse' : 'Expand'} Sidebar
          </button>
          {/* Navigation Links */}
          <ul className="mt-4">
            <li className="mb-2">Link 1</li>
            <li className="mb-2">Link 2</li>
          </ul>
        </div>
      </div>
    </div>
  );
}

export default SideNavTemp;