// แถบแสดงผู้ใช้ที่เข้าสู่ระบบบนหน้ารายการ (แทน UserPicker เดิม) — server component
// รับค่าจาก cookie ผ่าน props จากหน้า (middleware การันตีว่ามี session ก่อนถึงหน้านี้)
import LogoutButton from "./LogoutButton";

export default function SessionBar({ userName }: { userName: string }) {
  return (
    <div className="mt-6 flex flex-wrap items-center justify-between gap-x-3 gap-y-2 rounded-xl border border-slate-200 bg-white px-4 py-3 shadow-sm">
      <p className="min-w-0 text-sm text-slate-600">
        เข้าสู่ระบบเป็น{" "}
        <span className="font-semibold text-slate-900">{userName}</span>
      </p>
      <LogoutButton />
    </div>
  );
}