import Link from 'next/link';
import { mindSpaceOrigin, plazaPath } from '@/lib/site';

export function MobileNav() {
  return (
    <nav className="fixed inset-x-0 bottom-0 z-40 border-t border-[#d6d0c3] bg-[#fffdf7]/95 backdrop-blur md:hidden">
      <div className="mx-auto grid max-w-lg grid-cols-4 gap-1 px-2 py-2 text-center text-xs">
        <Link href={plazaPath()} className="rounded-xl px-2 py-2 text-[#17221d]">
          首页
        </Link>
        <Link href={plazaPath('cat/work-report')} className="rounded-xl px-2 py-2 text-[#68716c]">
          分类
        </Link>
        <Link href={mindSpaceOrigin()} className="rounded-xl px-2 py-2 text-[#68716c]">
          发布
        </Link>
        <Link href={mindSpaceOrigin()} className="rounded-xl px-2 py-2 text-[#68716c]">
          我的
        </Link>
      </div>
    </nav>
  );
}