aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/placing_order_button.tsx
blob: e5a6371e6c8ce23feab26b501050a52412106380 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import * as React from 'react';

import { ColorOption } from '../style/theme';

import { Button, Container, Spinner, Text } from './ui';

export const PlacingOrderButton: React.StatelessComponent<{}> = props => (
    <Button isDisabled={true} width="100%">
        <Container display="inline-block" position="relative" top="3px" marginRight="8px">
            <Spinner widthPx={20} heightPx={20} />
        </Container>
        <Text fontColor={ColorOption.white} fontWeight={600} fontSize="20px">
            Placing Order&hellip;
        </Text>
    </Button>
);