import { PromptEditor } from "@/components/editor"
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card"
import { Sparkles } from "lucide-react"
import { Metadata } from "next"

export const metadata: Metadata = {
    title: "Create Prompt | OpenPrompt",
    description: "Create a new AI prompt micro-app on OpenPrompt",
}

export default function CreatePage() {
    return (
        <div className="container mx-auto px-4 py-8 max-w-7xl">
            <div className="mb-8">
                <h1 className="text-3xl font-serif font-medium mb-2">
                    Create a <span className="text-gradient italic">Micro-App</span>
                </h1>
                <p className="text-muted-foreground">
                    Build an AI-powered prompt that anyone can run and remix
                </p>
            </div>

            <PromptEditor />
        </div>
    )
}