import { normalizeLocale } from '@graphcommerce/lingui-next'
import { useRouter } from 'next/router'
import { useMemo } from 'react'

export type NumberFormatProps = Intl.NumberFormatOptions

export function useNumberFormat(props?: NumberFormatProps) {
  const { locale } = useRouter()

  const formatter = useMemo(
    () => new Intl.NumberFormat(normalizeLocale(locale), props),
    [locale, props],
  )
  return formatter
}