import React from 'react';
import PropTypes from 'prop-types';

import { formatPrice } from '../../library/helpers.js';

import {
    StyleSheet,
    Text,
} from 'react-native';

const AuctionPriceAndBidCount = ({ bidCount, currentPrice }) => {
  return (
    <Text style={styles.currentPriceAndBidCount} numberOfLines={1}>
      {`${formatPrice(currentPrice)} (${bidCount} bids)`}
    </Text>
  );
};

AuctionPriceAndBidCount.propTypes = {
  itemId: PropTypes.string.isRequired,
  bidCount: PropTypes.number.isRequired,
  currentPrice: PropTypes.number.isRequired,
};

const styles = StyleSheet.create({
  currentPriceAndBidCount: {
    color: '#000',
  },
});

export default AuctionPriceAndBidCount;
