knur-app/components/sign-out-button.tsx

"use client";

import { LogOut } from "lucide-react";

export function SignOutButton({ action }: { action: () => Promise<void> }) {
  return (
    <form action={action}>
      <button
        type="submit"
        className="flex items-center gap-1.5 rounded-full px-2.5 py-1.5 text-sm font-medium text-fg/70 transition-colors hover:bg-white/5 hover:text-fg sm:px-3.5"
        title="Wyloguj się"
      >
        <LogOut size={16} />
        <span className="hidden sm:inline">Wyloguj</span>
      </button>
    </form>
  );
}