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

const FormattedNumber = ({value, separator}) => {
  const parts = value.toString()
    .split('.');
  parts[0] = parts[0].replace(/(\d)(?=(\d{3})+(?!\d))/g, `$1${separator}`);
  return <span>{parts.join('.')}</span>;
};

FormattedNumber.propTypes = {
  value: PropTypes.number.isRequired,
  separator: PropTypes.string,
};

FormattedNumber.defaultProps = {
  separator: ',',
};

export default FormattedNumber;