pranavp10

	const handleLogin = async () => {
		try {
			const { data } = await authClient.walletLogin.nonce();
			if (!data) {
				toast.error("Failed to get authentication message from server");
				return;
			}

			const account = await signIn({ statement: data.message });

pranavp10

import React from "react";
import "./App.css";
import { useModal } from "./useModal";

const App: React.FC = () => {
  const { canvasBoxRef, captureRef, error, videoRef } = useModal();

  return (
    <div className="mx-auto flex w-full max-w-md flex-col items-center gap-5 pb-[120px] pt-4 lg:gap-8 lg:pb-20 lg:pt-8">
      <div className="relative w-full overflow-hidden md:rounded-lg">