"use client";

import React from "react";
import { useFormStatus } from "react-dom";
import { Button } from "@/components/ui/button";
import { LogOut } from "lucide-react";

export const LogoutButton = () => {
  const { pending } = useFormStatus();

  return (
    <Button
      type="submit"
      className="w-full"
      variant="destructive"
      loading={pending}
    >
      <LogOut />
      <span>Jetzt Abmelden</span>
    </Button>
  );
};