aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/secondary_button.tsx
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-20 07:37:54 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-20 07:41:39 +0800
commitbf0a4bd91b6e6d15a468b0e75a3a5846c98b85ab (patch)
tree0c5a0b64a1a20576c5d1fc2ab43cc42fc349112f /packages/instant/src/components/secondary_button.tsx
parent51779fec38a32c0bbbc0209559f84aeda8a45d1a (diff)
downloaddexon-0x-contracts-bf0a4bd91b6e6d15a468b0e75a3a5846c98b85ab.tar.gz
dexon-0x-contracts-bf0a4bd91b6e6d15a468b0e75a3a5846c98b85ab.tar.zst
dexon-0x-contracts-bf0a4bd91b6e6d15a468b0e75a3a5846c98b85ab.zip
feat(instant): Add failure state and icon
Diffstat (limited to 'packages/instant/src/components/secondary_button.tsx')
-rw-r--r--packages/instant/src/components/secondary_button.tsx28
1 files changed, 28 insertions, 0 deletions
diff --git a/packages/instant/src/components/secondary_button.tsx b/packages/instant/src/components/secondary_button.tsx
new file mode 100644
index 000000000..e073f6061
--- /dev/null
+++ b/packages/instant/src/components/secondary_button.tsx
@@ -0,0 +1,28 @@
+import * as _ from 'lodash';
+import * as React from 'react';
+
+import { ColorOption } from '../style/theme';
+
+import { Button, ButtonProps } from './ui/button';
+import { Text } from './ui/text';
+
+export interface SecondaryButtonProps extends ButtonProps {
+ text: string;
+}
+
+export const SecondaryButton: React.StatelessComponent<SecondaryButtonProps> = props => {
+ const buttonProps = _.omit(props, 'text');
+ return (
+ <Button
+ backgroundColor={ColorOption.white}
+ borderColor={ColorOption.lightGrey}
+ width="100%"
+ onClick={props.onClick}
+ {...buttonProps}
+ >
+ <Text fontColor={ColorOption.primaryColor} fontWeight={600} fontSize="16px">
+ {props.text}
+ </Text>
+ </Button>
+ );
+};