17 lines
594 B
TypeScript
17 lines
594 B
TypeScript
interface OnboardingHeaderProps {
|
|
title: string;
|
|
subtitle: string;
|
|
emoji: string;
|
|
}
|
|
|
|
export function OnboardingHeader({ title, subtitle, emoji }: OnboardingHeaderProps) {
|
|
return (
|
|
<div className="text-center mb-8">
|
|
<div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-gradient-to-br from-primary-blue/20 to-purple-600/10 border border-primary-blue/30 mx-auto mb-4">
|
|
<span className="text-2xl">{emoji}</span>
|
|
</div>
|
|
<h1 className="text-4xl font-bold mb-2">{title}</h1>
|
|
<p className="text-gray-400">{subtitle}</p>
|
|
</div>
|
|
);
|
|
} |