import React, { PureComponent } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import FSI18n, { translationKeys } from '@brandingbrand/fsi18n';
const componentTranslationKeys = translationKeys.flagship.cart.item;
const defaultStyles = StyleSheet.create({
    detailText: {
        paddingBottom: 5
    }
});
export class CartItemDetails extends PureComponent {
    render() {
        const { detailTextStyle, itemText, price, productId, style, totalPrice } = this.props;
        return (<View style={style}>
        {itemText && <Text style={[defaultStyles.detailText, detailTextStyle]}>{itemText}</Text>}
        {productId && <Text style={[defaultStyles.detailText, detailTextStyle]}>#{productId}</Text>}
        {price && (<Text style={[defaultStyles.detailText, detailTextStyle]}>
            {FSI18n.string(componentTranslationKeys.unitPrice)}:
            {FSI18n.currency(price)}
          </Text>)}
        {totalPrice && <Text style={detailTextStyle}>
          {FSI18n.string(componentTranslationKeys.totalPrice)}:
          {FSI18n.currency(totalPrice)}
        </Text>}
      </View>);
    }
}
//# sourceMappingURL=CartItemDetails.js.map