import * as tslib_1 from "tslib";
import * as React from 'react';
import { observer } from 'xmobx/mobx-react';
import { promoCodeContainer } from './state';
import { wording } from './fixture';
import { CouponTitle, CouponFormWrapper, PromoListWrap } from './styled';
import { AddPromoCodeForm } from './Form';
import { PromoCodeItem } from './PromoCodeItem';
// @@packages @note changed `name` => `value`
const renderPromoItem = (promoItem) => {
    return React.createElement(PromoCodeItem, { key: promoItem.identifier }, promoItem.value || promoItem.name);
};
let PromoCodes = class PromoCodes extends React.Component {
    render() {
        const { className } = this.props;
        const promoCodesView = promoCodeContainer.promoCodeList.map(renderPromoItem);
        // @todo move wrapper where fragment is
        return (React.createElement(CouponFormWrapper, { className: className },
            React.createElement(CouponTitle, null, wording.couponTitle),
            React.createElement(AddPromoCodeForm, null),
            promoCodesView.length > 0 && React.createElement(PromoListWrap, { key: "PromoList" }, promoCodesView)));
    }
};
PromoCodes = tslib_1.__decorate([
    observer
], PromoCodes);
export { PromoCodes };
//# sourceMappingURL=PromoCodes.js.map