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>
);
