import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { types, weights } from '../../../styles/variables';
const style = StyleSheet.create({
    container: {
        marginBottom: 10
    },
    promo: {
        fontStyle: 'italic'
    }
});
export class ProductItemPromos extends Component {
    render() {
        const { promotions, promoStyle, promoContainerStyle, renderPromos, promos } = this.props;
        const promosList = promotions || promos;
        if (renderPromos) {
            return renderPromos();
        }
        if (!promosList || !promosList.length) {
            return null;
        }
        return (<View style={[style.container, promoContainerStyle]}>
        {promosList.map((p, i) => (<Text key={i} style={[types.caption, weights.light, style.promo, promoStyle]}>
            {p}
          </Text>))}
      </View>);
    }
}
//# sourceMappingURL=ProductItemPromos.js.map