import * as styles from './cancelOrder.styl' ; import * as React from 'react' ; import { CancelOrderCard } from './CancelOrderCard' ; import { CancelOrderInfo } from './CancelOrderInfo' ; import { TxFooter , TxHeader } from '../BaseTransaction' ; export function CancelOrder ( props ) { const { message , assets } = props ; return ( < div className = { styles . transaction } > < TxHeader { ... props } / > < div className = { `${ styles . cancelOrderTxScrollBox } transactionContent` } > < div className = "margin-main" > < CancelOrderCard { ... props } / > < /div> < CancelOrderInfo message = { message } assets = { assets } / > < /div> < TxFooter { ... props } /> < /div>); }