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

class AgreementOptions extends Component {
    render() {
        const {prices, country} = this.props;
        return (
                <div className="shop-package-options">
                    <h6 className="shop-package-label options-header">{coMarketTexts.labels.AGREEMENT_OPTIONS}:</h6>
                    <Row>
                        {
                            prices && prices.map((price) => {
                                return <AgreementOptionItemContainer key={'agreement-' + price.idPaymentType} country={country} price={price}/>
                            })
                        }
                    </Row>
                </div>
        );
    }
}

export default AgreementOptions;
