00b124d15a
feat(SW-3226): Move ButtonLink to design-system * Move ButtonLink to design-system * Fix Button import Approved-by: Linus Flood
46 lines
799 B
TypeScript
46 lines
799 B
TypeScript
'use client'
|
|
|
|
import Link from 'next/link'
|
|
import { type ComponentProps, type PropsWithChildren } from 'react'
|
|
|
|
import { variants } from './variants'
|
|
|
|
import type { VariantProps } from 'class-variance-authority'
|
|
|
|
export interface ButtonLinkProps
|
|
extends PropsWithChildren,
|
|
Omit<ComponentProps<typeof Link>, 'color'>,
|
|
VariantProps<typeof variants> {}
|
|
|
|
export default function ButtonLink({
|
|
variant,
|
|
color,
|
|
size,
|
|
typography,
|
|
wrapping,
|
|
className,
|
|
href,
|
|
target,
|
|
onClick = () => {},
|
|
...props
|
|
}: ButtonLinkProps) {
|
|
const classNames = variants({
|
|
variant,
|
|
color,
|
|
size,
|
|
wrapping,
|
|
typography,
|
|
className,
|
|
})
|
|
|
|
return (
|
|
<Link
|
|
className={classNames}
|
|
href={href}
|
|
target={target}
|
|
onClick={onClick}
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|