price-format-basic

1"use client";
2 
3import { cn } from "@/lib/utils";
4import { NumericFormat } from "react-number-format";
5 
6interface PriceFormat_BasicProps extends React.HTMLAttributes<HTMLDivElement> {
7  value: number;
8  prefix?: string;
9  thousandSeparator?: string;
10  decimalSeparator?: string;
11  decimalScale?: number;
12}
13 
14const PriceFormat_Basic: React.FC<PriceFormat_BasicProps> = ({
15  className,
16  decimalScale = 2,
17  decimalSeparator = ",",
18  prefix = "$",
19  thousandSeparator = ".",
20  value,
21}) => {
22  return (
23    <NumericFormat
24      value={value}
25      thousandSeparator={thousandSeparator}
26      decimalSeparator={decimalSeparator}
27      decimalScale={decimalScale}
28      prefix={prefix}
29      displayType="text"
30      className={cn("text-lg font-medium", className)}
31    />
32  );
33};
34 
35export default PriceFormat_Basic;