git.iko.soy/bridge
on 2de2112 help sign in
bridge/src/indigo-react/components/Button.js
39 lines 892 B history raw
1import React from 'react';
2import cn from 'classnames';
4export default function Button({
5 solid = false,
6 disabled = false,
7 className,
8 icon,
9 children,
10 ...rest
11}) {
12 return (
13 <a
14 className={cn(
15 'pointer pv3 pl4 pr0 truncate flex-row justify-between',
16 {
17 'white bg-black bg-gray6-hover': solid && !disabled,
18 'white bg-gray3': solid && disabled,
19 'black bg-transparent bg-gray1-hover': !solid && !disabled,
20 'gray4 bg-transparent': !solid && disabled,
21 },
22 className
23 )}
24 style={{
25 ...(disabled && { pointerEvents: 'none', cursor: 'not-allowed' }),
26 }}
27 {...rest}>
28 {children}
29 <div
30 className={cn('ph4', {
31 white: solid,
32 black: !solid && !disabled,
33 gray4: !solid && disabled,
34 })}>
35 {icon}
36 </div>
37 </a>
38 );