Feat/SW-196 design fixes * feat(SW-196): Updated copy My credit cards -> My payment cards * fix: update design system version * feat(SW-196): Update Header component to use Preamble instead of Subtitle * feat(SW-196): Minor design fixes Approved-by: Christel Westerberg
28 lines
627 B
TypeScript
28 lines
627 B
TypeScript
import ArrowRight from "@/components/Icons/ArrowRight"
|
|
import Link from "@/components/TempDesignSystem/Link"
|
|
|
|
import { SectionLinkProps } from "./link"
|
|
import { linkVariants } from "./variants"
|
|
|
|
import styles from "./link.module.css"
|
|
|
|
export default function SectionLink({ link, variant }: SectionLinkProps) {
|
|
if (!link) {
|
|
return null
|
|
}
|
|
const classNames = linkVariants({
|
|
variant,
|
|
})
|
|
return (
|
|
<Link
|
|
className={classNames}
|
|
color="burgundy"
|
|
href={link.href}
|
|
variant="underscored"
|
|
>
|
|
{link.text}
|
|
<ArrowRight color="burgundy" className={styles.icon} />
|
|
</Link>
|
|
)
|
|
}
|