34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
import * as React from 'react';
|
|
|
|
import { LatestBuyQuoteOrderDetails } from '../containers/latest_buy_quote_order_details';
|
|
import { SelectedAssetBuyButton } from '../containers/selected_asset_buy_button';
|
|
import { SelectedAssetInstantHeading } from '../containers/selected_asset_instant_heading';
|
|
|
|
import { ColorOption } from '../style/theme';
|
|
|
|
import { BuyButton } from './buy_button';
|
|
import { InstantHeading } from './instant_heading';
|
|
import { OrderDetails } from './order_details';
|
|
import { SlidingError } from './sliding_error';
|
|
import { Container, Flex } from './ui';
|
|
|
|
export interface ZeroExInstantContainerProps {}
|
|
|
|
export const ZeroExInstantContainer: React.StatelessComponent<ZeroExInstantContainerProps> = props => (
|
|
<Container width="350px">
|
|
<Container
|
|
zIndex={2}
|
|
position="relative"
|
|
backgroundColor={ColorOption.white}
|
|
borderRadius="3px"
|
|
hasBoxShadow={true}
|
|
>
|
|
<Flex direction="column" justify="flex-start">
|
|
<SelectedAssetInstantHeading />
|
|
<LatestBuyQuoteOrderDetails />
|
|
<SelectedAssetBuyButton />
|
|
</Flex>
|
|
</Container>
|
|
</Container>
|
|
);
|