From 4bf1ca0d1777d56126b3c5113a129738ba3c8d0d Mon Sep 17 00:00:00 2001
From: Steve Klebanoff <steve.klebanoff@gmail.com>
Date: Mon, 22 Oct 2018 14:27:38 -0700
Subject: Making SecondaryButton accept children instead of text prop

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

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

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..8dc05c445
--- /dev/null
+++ b/packages/instant/src/components/placing_order_button.tsx
@@ -0,0 +1,19 @@
+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';
+import { Text } from './ui/text';
+
+export const PlacingOrderButton: React.StatelessComponent<{}> = props => (
+    <Button isDisabled={true} width="100%">
+        <Container display="inline-block" position="relative" top="2px" marginRight="5px">
+            <Spinner widthPx={20} heightPx={20} />
+        </Container>
+        <Text fontColor={ColorOption.white} fontWeight={600} fontSize="20px">
+            Placing Order&hellip;
+        </Text>
+    </Button>
+);
-- 
cgit v1.2.3

