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 text-center p-12", children: [_jsx("div", { className: "mb-8 flex items-center justify-center", children: _jsx(ParheliaIcon, { size: 96, className: "drop-shadow-lg" }) }), _jsx("h1", { className: "text-4xl font-bold text-gray-900 mb-4 tracking-tight", children: "Welcome to Parhelia" }), _jsx("p", { className: "text-gray-500 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: "default", className: "px-8 h-10 rounded-full flex items-center gap-2 shadow-lg shadow-blue-200 transition-transform active:scale-95 text-xs font-black uppercase tracking-widest bg-blue-600 hover:bg-blue-700 text-white", children: ["Get Started", _jsx(ArrowRight, { className: "h-4 w-4", strokeWidth: 3 })] })] }));
}
//# sourceMappingURL=WelcomeStep.js.map