aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/placing_order_button.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/instant/src/components/placing_order_button.tsx')
-rw-r--r--packages/instant/src/components/placing_order_button.tsx16
1 files changed, 16 insertions, 0 deletions
diff --git a/packages/instant/src/components/placing_order_button.tsx b/packages/instant/src/components/placing_order_button.tsx
new file mode 100644
index 000000000..d774d7d27
--- /dev/null
+++ b/packages/instant/src/components/placing_order_button.tsx
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+import { ColorOption } from '../style/theme';
+
+import { Button } from './ui/button';
+import { Container } from './ui/container';
+import { Spinner } from './ui/spinner';
+
+export const PlacingOrderButton: React.StatelessComponent<{}> = props => (
+ <Button isDisabled={true} width="100%" fontColor={ColorOption.white} fontSize="20px">
+ <Container display="inline-block" position="relative" top="3px" marginRight="8px">
+ <Spinner widthPx={20} heightPx={20} />
+ </Container>
+ Placing Order&hellip;
+ </Button>
+);