export default function MobileFooter() {
  return (
    <footer className="md:hidden sticky bottom-0 bg-white dark:bg-[#1a202c] border-t border-[#dbe0e6] dark:border-[#2d3748] px-6 py-3 flex justify-around z-40">
      <button className="flex flex-col items-center text-primary">
        <span className="material-symbols-outlined">dashboard</span>
        <span className="text-[10px] font-bold">Accueil</span>
      </button>
      <button className="flex flex-col items-center text-[#617589] dark:text-gray-400">
        <span className="material-symbols-outlined">work</span>
        <span className="text-[10px] font-bold">Offres</span>
      </button>
      <button className="flex flex-col items-center text-[#617589] dark:text-gray-400">
        <span className="material-symbols-outlined">chat</span>
        <span className="text-[10px] font-bold">Chat</span>
      </button>
      <button className="flex flex-col items-center text-[#617589] dark:text-gray-400">
        <span className="material-symbols-outlined">person</span>
        <span className="text-[10px] font-bold">Profil</span>
      </button>
    </footer>
  );
}