You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
549 B
26 lines
549 B
import type { ReactNode } from "react";
|
|
|
|
type SliderHeaderProps = {
|
|
index: number;
|
|
title: ReactNode;
|
|
totalSteps?: number;
|
|
stepLabel?: string;
|
|
};
|
|
|
|
export function SliderHeader({
|
|
index,
|
|
title,
|
|
totalSteps = 5,
|
|
stepLabel,
|
|
}: SliderHeaderProps) {
|
|
return (
|
|
<div className="text-center">
|
|
<p className="text-[#747474] group-10 font-semibold">
|
|
{stepLabel || `Step ${index + 1} of ${totalSteps}`}
|
|
</p>
|
|
<p className="text-[#111111] group-16 font-bold">{title}</p>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default SliderHeader;
|