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..df0539606
--- /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';
+
+export interface SecondaryButtonProps extends ButtonProps {}
+
+export const SecondaryButton: React.StatelessComponent<SecondaryButtonProps> = props => {
+    const buttonProps = _.omit(props, 'text');
+    return (
+        <Button
+            backgroundColor={ColorOption.white}
+            borderColor={ColorOption.lightGrey}
+            width={props.width}
+            onClick={props.onClick}
+            fontColor={ColorOption.primaryColor}
+            fontSize="16px"
+            {...buttonProps}
+        >
+            {props.children}
+        </Button>
+    );
+};
+SecondaryButton.defaultProps = {
+    width: '100%',
+};