import React from 'react'
import PropTypes from 'prop-types'
import orderActions from 'common-fe/constants/order-actions'
import orderTypes from 'common-fe/constants/order-types'

import Banner from 'components/banner'
import OrderAlgorithmTriggered from './templates/triggered'
import OrderAlgorithmFilled from './templates/filled'

import BEMModule from 'utils/bem'
import styles from './styles.scss'
const bem = new BEMModule(styles)

const OrderAlgorithm = ({orderAction, orderType}) => {
    const rootClassNames = bem.classNames('c-order-algorithm')
    return (
        <section>
            <Banner className={rootClassNames} neutral>
                <OrderAlgorithmTriggered
                    orderAction={orderAction}
                    orderType={orderType}
                />
                <OrderAlgorithmFilled
                    orderAction={orderAction}
                    orderType={orderType}
                />
            </Banner>
        </section>
    )
}

OrderAlgorithm.propTypes = {
    orderAction: PropTypes.oneOf(Object.keys(orderActions)),
    orderType: PropTypes.oneOf(Object.keys(orderTypes)),
}

export default OrderAlgorithm