packages/instant/src/components/zero_ex_instant_container.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import * as React from 'react';

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

import { BuyButton } from './buy_button';
import { InstantHeading } from './instant_heading';
import { OrderDetails } from './order_details';
import { Container, Flex } from './ui';

export interface ZeroExInstantContainerProps {}

export const ZeroExInstantContainer: React.StatelessComponent<ZeroExInstantContainerProps> = props => (
    <Container width="350px">
        <Container backgroundColor={ColorOption.white} borderRadius="3px" hasBoxShadow={true}>
            <Flex direction="column" justify="flex-start">
                <InstantHeading />
                <OrderDetails />
                <BuyButton />
            </Flex>
        </Container>
    </Container>
);