Components for formatting text

With Component

Without Component

  const showSymbol = options.showSymbol !== false;
  const showDecimals = options.showDecimals !== false;
  return num.toLocaleString('en', {
    style: showSymbol ? 'currency' : undefined,
    maximumFractionDigits: showDecimals ? 2 : 0
}
const Page = () => {
  const lambPrice = 1234.567;
  const jetPrice = 999999.99;
  const bootPrice = 34.567;
    <div>
      <p>One lamb is <span className="expensive">{numberToPrice(lambPrice)}</span></p>
      <p>One jet is {numberToPrice(jetPrice, { showDecimals: false })}</p>
      <p>Those gumboots will set ya back
        {numberToPrice(bootPrice, { showDecimals: false, showSymbol: false })}
        bucks.</p>
    </div>
};