import { useCheckUsernameAvailability } from "@replyke/react-js";

function UsernameCheck({ username }: { username: string }) {
  const checkUsernameAvailability = useCheckUsernameAvailability();

  const handleCheckAvailability = async () => {
    try {
      const {available} = await checkUsernameAvailability({ username });
      console.log(
        available ? "Username is available." : "Username is already taken."
      );
    } catch (error) {
      console.error("Failed to check username availability:", error.message);
    }
  };

  return <button onClick={handleCheckAvailability}>Check Availability</button>;
}