export function StepTitle( { title, description, note } ) {
	return (
		<div className="flex flex-col gap-2">
			<h1 className="m-0 font-semibold tracking-tight text-3xl">
				{ title }
			</h1>
			{ description && (
				<p className="m-0 max-w-2xl text-base text-gray-600">
					{ description }
				</p>
			) }
			{ note && (
				<p className="m-0 text-[13px] text-gray-400">{ note }</p>
			) }
		</div>
	);
}