import { Number } from '@Format';
import React from 'react';

const MinMax = ({ digits, value }) => (
  <div>
    <div>
      <span className='font-weight-bold'>max</span>
    </div>
    <div>
      <Number digits={digits} value={value} />
    </div>
  </div>
);

type MinMaxProps = {
  min: number | boolean;
  max: number | boolean;
  digits: number;
};
const MinMaxView: React.FC<MinMaxProps> = props => {
  const { min, max, digits } = props;

  let minView = null;
  if (min) {
    minView = <MinMax digits={digits} value={min} />;
  }

  let maxView = null;
  if (max) {
    maxView = <MinMax digits={digits} value={max} />;
  }

  return (
    <div>
      {minView}
      {maxView}
    </div>
  );
};

export default MinMaxView;