From c5084f023ac0356660b9480f9e1f477001a61284 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Thu, 4 Oct 2018 18:57:40 -0700
Subject: Add Input and AmountInput component

---
 packages/instant/src/components/amount_input.tsx | 27 ++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 packages/instant/src/components/amount_input.tsx

(limited to 'packages/instant/src/components/amount_input.tsx')

diff --git a/packages/instant/src/components/amount_input.tsx b/packages/instant/src/components/amount_input.tsx
new file mode 100644
index 000000000..699541bfb
--- /dev/null
+++ b/packages/instant/src/components/amount_input.tsx
@@ -0,0 +1,27 @@
+import { BigNumber } from '@0xproject/utils';
+import * as React from 'react';
+
+import { ColorOption } from '../style/theme';
+
+import { Container, Flex, Input, Text } from './ui';
+
+export interface AmountInputProps {
+    fontColor?: ColorOption;
+    fontSize?: string;
+    value?: BigNumber;
+    onChange?: (value: BigNumber) => void;
+}
+
+export const AmountInput: React.StatelessComponent<AmountInputProps> = props => (
+    <Container borderBottom="1px solid rgba(255,255,255,0.3)" display="inline-block">
+        <Input
+            fontColor={props.fontColor}
+            fontSize={props.fontSize}
+            value={props.value ? props.value.toString() : undefined}
+            placeholder="0.00"
+            width="2em"
+        />
+    </Container>
+);
+
+AmountInput.defaultProps = {};
-- 
cgit v1.2.3

