import React from 'react';
import './price-list-item.scss';

interface IProps {
  data: any;
}

interface IState {
  price?: String;
}

export class PriceListItem extends React.Component<IProps, IState> {
  constructor(props: IProps) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  render() {
    const { data } = this.props;
    return (
      <div className="pli">
        <div style={{ width: '100px' }}>
          <img src={data.icon} className="pli__img" />
        </div>
        <div style={{ flex: 1 }}>
          <div style={{ marginBottom: '10px' }}>
            <b>{data.typeLine}</b>
          </div>
          <div>{data.priceInfo ? `${data.priceInfo.min_price} ${data.priceInfo.currency_rec}` : ''}</div>
        </div>
      </div>
    );
  }
}