const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
    e.preventDefault();
    console.log("Submitted form values:", formValues);
    interface testtype {
      style: string;
      userId: string;
      prompt: string;
      type: string;
      shape: string;
      color: string;
    }
    const test: testtype = {
      style: "realism",
      userId: "clg5knnzg0000s78t69ue2dh2",
      prompt: "a dancing panda",
      type: "regular",
      shape: "circular",
      color: "red",
    };
    api.generateImages.generateImage.useQuery(test);
  };

  return (
    <form onSubmit={handleSubmit} className="mx-auto max-w-md py-20">

  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
    e.preventDefault();
    console.log("Submitted form values:", formValues);
    interface testtype {
      style: string;
      userId: string;
      prompt: string;
      type: string;
      shape: string;
      color: string;
    }
    const test: testtype = {
      style: "realism",
      userId: "clg5knnzg0000s78t69ue2dh2",
      prompt: "a dancing panda",
      type: "regular",
      shape: "circular",
      color: "red",
    };
    api.generateImages.generateImage.useQuery(test);
  };

  return (
    <form onSubmit={handleSubmit} className="mx-auto max-w-md py-20">