Merged in feat/BOOK-61-refactor-hotel-page-css-variables (pull request #3014)
Feat/BOOK-61 refactor hotel page css variables * feat(BOOK-61): Breadcrumbs * feat(BOOK-61): intro section * feat(BOOK-61): show more button * feat(BOOK-61): rooms section * feat(BOOK-61): sidepeeks * feat(BOOK-61): deprecated old Link component * feat(BOOK-61): added new TextLink component to the design-system * feat(BOOK-61): replaced deprecated links with new TextLink component * feat(BOOK-61): miscellaneous changes Approved-by: Bianca Widstam Approved-by: Christel Westerberg
This commit is contained in:
34
packages/design-system/lib/components/TextLink/TextLink.tsx
Normal file
34
packages/design-system/lib/components/TextLink/TextLink.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
import { cx } from 'class-variance-authority'
|
||||
import NextLink from 'next/link'
|
||||
import { TextLinkProps } from './types'
|
||||
import { variants } from './variants'
|
||||
|
||||
import styles from './textLink.module.css'
|
||||
|
||||
export function TextLink({
|
||||
theme,
|
||||
className,
|
||||
isDisabled,
|
||||
tabIndex,
|
||||
isInline,
|
||||
typography,
|
||||
...props
|
||||
}: TextLinkProps) {
|
||||
const classNames = variants({
|
||||
theme,
|
||||
typography,
|
||||
className,
|
||||
})
|
||||
|
||||
return (
|
||||
<NextLink
|
||||
{...props}
|
||||
tabIndex={isDisabled ? -1 : tabIndex}
|
||||
aria-disabled={isDisabled}
|
||||
className={cx(classNames, {
|
||||
[styles.disabled]: isDisabled,
|
||||
[styles.inline]: isInline,
|
||||
})}
|
||||
/>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user