'use strict';

import React from 'react';
import ReactNative from 'react-native';

const {
    View,
    Text,
    StyleSheet,
    Platform,
} = ReactNative;

export default class DeleteLineText extends React.Component {

    constructor(props) {
        super(props);
    }

    render() {
        let {text, style, textStyle, lineStyle} = this.props;

        return (
            <View style={[styles.oldPriceContainer, style]}>
                <Text style={[styles.oldPrice, textStyle]} numberOfLines={1}>{text}</Text>
                <View style={[styles.deleteLine, lineStyle]}/>
            </View>
        );
    }
}

let styles = StyleSheet.create({
    oldPriceContainer: {
        flexDirection: 'row',
    },
    oldPrice: {
        fontSize: 11,
        color: '#b0b0b0',
    },
    deleteLine: {
        position: 'absolute',
        top: Platform.OS === 'ios'?(11 / 2):8,
        left: 0,
        right: 0,
        height: 1,
        backgroundColor: '#b0b0b0',
    },
});