initial commit

1 files changed, 26 insertions, 0 deletions

diff --git a/packages/dev-tools-pages/ts/components/Button.tsx b/packages/dev-tools-pages/ts/components/Button.tsx
new file mode 100644
index 000000000..e676961c8
--- /dev/null
+++ b/packages/dev-tools-pages/ts/components/Button.tsx
@@ -0,0 +1,26 @@
+import styled from 'styled-components';
+
+import { withContext, Props } from './withContext';
+
+interface ButtonProps extends Props {
+    large?: boolean;
+}
+
+const Button =
+    styled.button <
+    ButtonProps >
+    `
+  font-family: inherit;
+  font-size: ${props => (props.large ? '1.125rem' : '.875rem')};
+  font-weight: 500;
+  white-space: nowrap;
+  vertical-align: middle;
+  background-color: ${props => props.colors.secondary};
+  color: #000;
+  border: 0;
+  border-radius: 5rem;
+  padding: ${props => (props.large ? '1.125rem 2.375rem' : '.5625rem 1.25rem')};
+  display: inline-block;
+`;
+
+export default withContext(Button);