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, currency} = this.props;
        return (
                <div className="shop-package-options">
                    <h6 className="shop-package-option-header">
                        {coMarketTexts.labels.ADDITIONAL_PACKAGES}:
                    </h6>
                    {
                        additionalPackages.map(additionalPackage => {
                            return <AdditionalPackageItemContainer key={'additonal-' + additionalPackage.idAdditionalPackage}
                                currency={currency}
                                additionalPackage={additionalPackage}/>
                        })
                    }
                </div>
        );
    }
}

export default AdditionalPackages;
