Merged in feat/section-header-link (pull request #314)
Feat(WEB-359): Update section link for mobile Approved-by: Chuma Mcphoy (We Ahead) Approved-by: Arvid Norlin
This commit is contained in:
27
components/Section/Link/index.tsx
Normal file
27
components/Section/Link/index.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
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="myPage"
|
||||
>
|
||||
<ArrowRight color="burgundy" className={styles.icon} />
|
||||
{link.text}
|
||||
</Link>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user