on b72f345 help sign in
33 lines 595 B history raw
1import React from 'react';
2import cn from 'classnames';
4export default function LinkButton({
5 as: As = 'a',
6 disabled = false,
7 className,
8 onClick,
9 children,
10 ...rest
11}) {
12 return (
13 <span
14 onClick={!disabled && onClick ? onClick : undefined}
15 style={{
16 ...(disabled && {
17 pointerEvents: 'none',
18 cursor: 'not-allowed',
19 }),
20 }}
21 className={cn(
22 'pointer underline',
23 {
24 black: !disabled,
25 gray4: disabled,
26 },
27 className
28 )}
29 {...rest}>
30 {children}
31 </span>
32 );