/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 *
 * OpenCRVS is also distributed under the terms of the Civil Registration
 * & Healthcare Disclaimer located at http://opencrvs.org/license.
 *
 * Copyright (C) The OpenCRVS Authors located at https://github.com/opencrvs/opencrvs-core/blob/master/AUTHORS.
 */
import * as React from 'react'

interface IProps {
  value: number
  currency: string
  languagesAndCountry: string
}

export const Currency = (props: IProps) => {
  const numberWithCurrencySymbol = new Intl.NumberFormat(
    `${props.languagesAndCountry}-u-nu-mathsans`,
    {
      style: 'currency',
      currency: props.currency
    }
  ).format(props.value)
  return (
    <React.Fragment>
      {numberWithCurrencySymbol
        .normalize('NFKD')
        .replace(/[\u0300-\u036F]/g, '')}
    </React.Fragment>
  )
}