prowler/components/providers/ButtonCheckConnectionProvider.tsx

"use client";

import { Button } from "@nextui-org/react";
import React from "react";
import { useFormStatus } from "react-dom";

export const ButtonCheckConnectionProvider = () => {
  const { pending } = useFormStatus();
  return (
    <Button
      className="bg-transparent border-none p-0 m-0 h-fit min-w-min"
      spinner={pending ? "Checking..." : " Check"}
      type="submit"
      area-disabled={pending}
    >
      Check connection
    </Button>
  );
};