frontend/components/tenant-selector.tsx

"use client";

import { useTenant } from "@/contexts/TenantContext";

export function TenantSelector() {
  const { tenantId, setTenantId } = useTenant();

  return (
    <div className="flex items-center gap-3">
      <label className="text-sm font-semibold text-slate-200">Tenant ID:</label>
      <input
        value={tenantId}
        onChange={(e) => setTenantId(e.target.value)}
        placeholder="Enter tenant ID"
        className="rounded-xl border border-white/10 bg-slate-900/50 px-4 py-2 text-sm text-white outline-none focus:border-cyan-400 min-w-[150px]"
      />
    </div>
  );
}