import React from "react";

// export const PriceFormatter = (price, currency, currencyName) => {
//   const supportedCurrencies = ["USD", "EUR", "GBP"];
//   const symbolFormatter = supportedCurrencies.includes(currency)
//     ? currency
//     : undefined;

//   const formatter = new Intl.NumberFormat("en", {
//     style: symbolFormatter,
//     currencyDisplay: "symbol",
//     minimumFractionDigits: 2,
//   });

//   const displayCurrencyName = symbolFormatter ? "" : currencyName;

//   return `${formatter.format(price)} ${displayCurrencyName}`;
// };

export const PriceFormatter = (
  price = "00",
  currency = "",
  currencyName = "",
  priceClass
) => {
  // Convert the number to a string
  let numStr = String(price);

  // Split the string into integer and decimal parts
  let parts = numStr.split(".");
  let integerPart = parts[0] || "";
  let decimalPart = parts[1] || "";

  // Add thousands separators to the integer part
  // let formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
  let formattedInteger = integerPart;

  // Truncate or pad the decimal part to two decimal points
  let formattedDecimal = decimalPart.slice(0, 2).padEnd(2, "0");

  // Combine the formatted integer and decimal parts
  // let formattedNumber = formattedInteger + '.' + formattedDecimal;

  // return formattedNumber;
  return (
    <span className="text-sm flex items-center">
      <sup>{currency || currencyName || ""}</sup>
      <span className={`px-1 font-bold ${priceClass ? priceClass : "text-lg"}`}>{formattedInteger || ""}</span>
      <sup>{formattedDecimal || ""}</sup>
    </span>
  );
};


// FUNCTION TO RETURN AMOUNT TO TWO DECIMAL PLACES
export const AmountTo2DP = (
  amount = "00",
) => {
  // Convert the number to a string
  let numStr = String(amount);

  // Split the string into integer and decimal parts
  let parts = numStr.split(".");
  let integerPart = parts[0] || "";
  let decimalPart = parts[1] || "";

  // Add thousands separators to the integer part
  let formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');

  // Truncate or pad the decimal part to two decimal points
  let formattedDecimal = decimalPart.slice(0, 2).padEnd(2, "0");

  // Combine the formatted integer and decimal parts
  let formattedNumber = formattedInteger + '.' + formattedDecimal;

  // return formattedNumber;
  return formattedNumber;
};



// FUNCTION TO RETURN CURRENCY SYMBOL
export const currencySymbol = (
  currencyName = "naira",
  amount = "00",
) => {
  // Cureency Array
  let currencyArray = [
    {currencyName:'naira', symbol:'₦'},
    {currencyName:'usd', symbol:'$'},
  ]

  const matchedCurrency = currencyArray.filter(item => item.currencyName.toLocaleLowerCase() == currencyName.toLocaleLowerCase())
  const amountTo2DP = AmountTo2DP(amount)
  // return formattedNumber;
  return  matchedCurrency.length ? <><span>{matchedCurrency[0].symbol}</span><span>{amountTo2DP}</span></> : <><span>$</span><span>{amountTo2DP}</span></>;
};