jan/web-client/app/_components/AdvancedPrompt/index.tsx

import { MenuAdvancedPrompt } from "../MenuAdvancedPrompt";
import { useForm } from "react-hook-form";
import BasicPromptButton from "../BasicPromptButton";
import PrimaryButton from "../PrimaryButton";

const AdvancedPrompt: React.FC = () => {
  const { register, handleSubmit } = useForm();

  const onSubmit = (data: any) => {};

  return (
    <form
      className="w-[288px] h-screen flex flex-col border-r border-gray-200"
      onSubmit={handleSubmit(onSubmit)}
    >
      <BasicPromptButton />
      <MenuAdvancedPrompt register={register} />
      <div className="py-3 px-2 flex flex-none gap-3 items-center justify-between border-t border-gray-200">
        <PrimaryButton
          fullWidth={true}
          title="Generate"
          onClick={() => handleSubmit(onSubmit)}
        />
      </div>
    </form>
  );
};

export default AdvancedPrompt;