import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from "../../../components/ui/button";
import { ArrowRight } from "lucide-react";
import { ParheliaIcon } from "../../ui/ParheliaIcon";
export function WelcomeStep({ onNext }) {
    return (_jsxs("div", { className: "flex flex-col items-center p-12 text-center", children: [_jsx("div", { className: "mb-8 flex items-center justify-center", children: _jsx(ParheliaIcon, { size: 96, className: "drop-shadow-lg" }) }), _jsx("h1", { className: "text-neutral-grey-100 mb-4 text-4xl font-bold tracking-tight", children: "Welcome to Parhelia" }), _jsx("p", { className: "text-neutral-grey-50 mb-10 max-w-md leading-relaxed", children: "Experience the next generation of content editing. We'll guide you through a quick setup to get your AI models ready." }), _jsxs(Button, { onClick: onNext, size: "lg", children: ["Get Started", _jsx(ArrowRight, { className: "h-4 w-4", strokeWidth: 3 })] })] }));
}
//# sourceMappingURL=WelcomeStep.js.map