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