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

export function OnboardingWelcome({ onContinue }: OnboardingWelcomeProps) {
	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">
					Welcome to GearBox
				</h1>
				<p className="text-base text-gray-500 mb-8 leading-relaxed">
					Tell us what you're into, and we'll help you set up your collection
					with gear that people actually use.
				</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"
				>
					Let's go
				</button>
			</div>
		</div>
	);
}
