import React, {Component} from 'react';
import {Row} from 'reactstrap';
import AdditionalPackageItemContainer from './AdditionalPackageItemContainer.jsx';
import {coMarketTexts} from '../../../constants/coMarketConstants';

class AdditionalPackages extends Component {
    render() {
        const {additionalPackages, country} = this.props;
        return (
                <div className="shop-package-options">
                    <h6 className="shop-package-label options-header">{coMarketTexts.labels.ADDITIONAL_PACKAGES}:</h6>
                    <Row>
                        {
                            additionalPackages.map(additionalPackage => {
                                return <AdditionalPackageItemContainer key={'additonal-' + additionalPackage.idAdditionalPackage}
                                    country={country}
                                    additionalPackage={additionalPackage}/>
                            })
                        }
                    </Row>
                </div>
        );
    }
}

export default AdditionalPackages;