All files / components BackToButton.tsx

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
3x
 
 
 
 
 
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7x
 
import Link from 'next/link'
 
interface BackToButtonProps {
  buttonHref: string
  buttonId: string
  buttonLinkText: string
  refPageAA: string
  id: string
}
 
const BackToButton = ({
  buttonHref,
  buttonId,
  buttonLinkText,
  refPageAA = 'mscaPlaceholder',
  id = 'mscaPlaceholder',
}: BackToButtonProps) => {
  return (
    <>
      <div>
        <Link
          href={buttonHref}
          id={buttonId}
          className="my-4 inline-block rounded bg-gray-30a px-3.5 py-2.5 font-display text-xl text-deep-blue-60b ring-deep-blue-60f hover:cursor-pointer hover:bg-gray-50a focus:ring focus:ring-offset-4"
          data-gc-analytics-customclick={`${refPageAA}:${id}`}
        >
          {buttonLinkText}
        </Link>
      </div>
    </>
  )
}
 
export default BackToButton