Iterated with translations

components/product/price.tsx

@@ -0,0 +1,18 @@
+const Price = ({
+  amount,
+  currencyCode = 'USD',
+  ...props
+}: {
+  amount: string;
+  currencyCode: string;
+} & React.ComponentProps<'p'>) => (
+  <p suppressHydrationWarning={true} {...props}>
+    {`${new Intl.NumberFormat(undefined, {
+      style: 'currency',
+      currency: currencyCode,
+      currencyDisplay: 'narrowSymbol'
+    }).format(parseFloat(amount))} ${currencyCode}`}
+  </p>
+);
+
+export default Price;