16 lines
549 B
JavaScript
16 lines
549 B
JavaScript
import Link from 'next/link'
|
|
import clsx from 'clsx'
|
|
|
|
export function Button({ className, ...props }) {
|
|
className = clsx(
|
|
'inline-flex justify-center rounded-2xl btn-gradient py-2 px-4 text-sm font-semibold text-white hover:bg-purple-500 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 active:text-white/70',
|
|
className,
|
|
)
|
|
|
|
return typeof props.href === 'undefined' ? (
|
|
<button className={className} {...props} />
|
|
) : (
|
|
<Link className={className} {...props} />
|
|
)
|
|
}
|