import React, {Component} from 'react';
import {Row, Col} from 'reactstrap';
import WiaasBox from '../../../../mainComponents/box/WiaasBox.jsx';
import PackageInfo from './PackageInfo.jsx';
import PackageName from './PackageName.jsx';

class ProcessPackage extends Component {
    render() {
        const {orderPackage, idCommercialLead} = this.props;

        return (
            <WiaasBox customHeader={PackageName} customHeaderParams={{orderPackage, idCommercialLead}} className="order-package">
                <Row>
                    <Col xl="12" lg="12" md="12" xs="12">
                        <PackageInfo onViewChange={this.props.onViewChange} orderPackage={orderPackage}/>
                    </Col>
                </Row>
            </WiaasBox>
        );
    }
}

export default ProcessPackage;
