"use client";

import { Menu } from "lucide-react";
import { useSidebarStore } from "@/store/sidebar";

export function MobileSidebarTrigger() {
  const setOpen = useSidebarStore((state) => state.setOpen);

  return (
    <button
      type="button"
      aria-label="展开侧边栏"
      onClick={() => setOpen(true)}
      className="flex h-8 w-8 items-center justify-center rounded-md border border-[#eeeeee] text-gray-600 md:hidden"
    >
      <Menu className="h-4 w-4" />
    </button>
  );
}
