import { useTranslation } from "react-i18next";

interface OnboardingWelcomeProps {
	onContinue: () => void;
}

export function OnboardingWelcome({ onContinue }: OnboardingWelcomeProps) {
	const { t } = useTranslation("onboarding");
	return (
		<div className="flex flex-col items-center justify-center min-h-screen px-8">
			<div className="max-w-2xl text-center">
				<h1 className="text-3xl font-bold text-gray-900 mb-4">
					{t("welcome.title")}
				</h1>
				<p className="text-base text-gray-500 mb-8 leading-relaxed">
					{t("welcome.subtitle")}
				</p>
				<button
					type="button"
					onClick={onContinue}
					className="px-8 py-3 bg-gray-700 hover:bg-gray-800 text-white font-medium rounded-lg transition-colors"
				>
					{t("welcome.cta")}
				</button>
			</div>
		</div>
	);
}
