import type { Metadata } from "next";
import { RecipeForm } from "@/components/recipe/recipe-form";
import { NewRecipeHeader } from "@/components/recipe/new-recipe-header";
import { PhotoImportButton } from "@/components/recipe/photo-import-button";

export const metadata: Metadata = { title: "New Recipe" };

export default function NewRecipePage() {
  return (
    <div className="space-y-6">
      <div className="flex items-start justify-between gap-4">
        <NewRecipeHeader />
        <PhotoImportButton />
      </div>
      <RecipeForm />
    </div>
  );
}