Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | 9x 21x | interface HeadingProps {
title: string
fromLink?: string
fromText?: string
className?: string
id: string
dataTestId?: string
}
const Heading = ({
title,
fromLink,
fromText,
className,
id = 'mscaPlaceholder',
dataTestId,
}: HeadingProps) => {
return (
<>
<h1
className={`pb-2 font-display text-34px font-bold text-gray-darker md:text-38px ${className}`}
id={id}
data-testid={dataTestId}
>
{title}
</h1>
<div className="mb-2 w-[72px] border-b-[6px] border-red-red50a"></div>
{fromLink && fromText && (
<p>
<strong>From: </strong>
<a
href={fromLink}
className="leading-33px font-body text-20px font-bold text-deep-blue-dark underline hover:text-blue-hover"
>
{fromText}
</a>
</p>
)}
</>
)
}
export default Heading
|