import * as tslib_1 from "tslib";
import * as React from 'react';
import { observer } from 'xmobx/mobx-react';
import { isNonEmptyArray } from 'exotic';
import { CouponTitle, CouponFormWrapper, PromoListWrap } from './styled';
import { AddPromoCodeForm } from './Form';
import { PromoCodeItem } from './PromoCodeItem';
import { PromoContext, PromoCodeListProvider, PromoCodeListContext } from './context';
const renderPromoItem = (promoItem) => {
    return (React.createElement(PromoContext.Provider, { value: promoItem },
        React.createElement(PromoCodeItem, null)));
};
let PromoCodesView = class PromoCodesView extends React.Component {
    render() {
        const { className } = this.props;
        const promoCodesView = this.context.list.map(renderPromoItem);
        // @todo move wrapper where fragment is
        return (React.createElement(CouponFormWrapper, { className: className },
            React.createElement(CouponTitle, null),
            React.createElement(AddPromoCodeForm, null),
            isNonEmptyArray(promoCodesView) && React.createElement(PromoListWrap, { key: "PromoList" }, promoCodesView)));
    }
};
PromoCodesView.contextType = PromoCodeListContext;
PromoCodesView = tslib_1.__decorate([
    observer
], PromoCodesView);
let PromoCodes = class PromoCodes extends React.Component {
    render() {
        return (React.createElement(PromoCodeListProvider, null,
            React.createElement(PromoCodesView, Object.assign({}, this.props))));
    }
};
PromoCodes = tslib_1.__decorate([
    observer
], PromoCodes);
export { PromoCodes };
//# sourceMappingURL=PromoCodes.js.map