"use client";

// ปุ่มออกจากระบบ (ฉบับ token 2026-10-30) — session เป็น access_token ใน
// localStorage ไม่ได้อยู่บน server แล้ว การออกจากระบบจึงแค่ล้าง "note-auth"
// แล้วแจ้ง parent ให้ซ่อนปุ่ม/ชื่อผู้ใช้ (ไม่มี server action logout ให้เรียก)
import { LogOut } from "lucide-react";

import { clearNoteSession } from "@/lib/note-session";

export default function LogoutButton({ onCleared }: { onCleared?: () => void }) {
  const onLogout = () => {
    clearNoteSession();
    onCleared?.();
  };

  return (
    <button
      type="button"
      onClick={onLogout}
      className="focus-ring flex h-8 shrink-0 items-center gap-1.5 rounded-md border border-line px-3 text-xs font-medium text-ink-soft transition hover:-translate-y-px hover:border-ink-faint hover:text-ink"
    >
      <LogOut className="h-3.5 w-3.5" aria-hidden />
      ออกจากระบบ
    </button>
  );
}