import type { NextPage } from "next";
import { Button } from "~/components/ui/button";
import { api } from "~/utils/api";

const Test: NextPage = () => {
	const { mutate } = api.test.testErr.useMutation();
	return (
		<div className="flex  gap-4 p-4">
			<Button onClick={() => console.log("test console.log")} type="button">
				test console.log
			</Button>
			<Button onClick={() => console.info("test console.info")} type="button">
				test console.info
			</Button>
			<Button onClick={() => console.error("test console.error")} type="button">
				test console.error
			</Button>
			<Button
				onClick={() => {
					throw new Error("test Error");
				}}
				type="button"
			>
				test Error
			</Button>
			<Button
				onClick={() => {
					mutate();
				}}
				type="button"
			>
				Server
			</Button>
		</div>
	);
};
export default Test;