fix(BOOK-559): Using same ContactInformation component on hotel pages and booking flow inside the hotel details sidepeek

Approved-by: Bianca Widstam

packages/design-system/lib/components/LocalCallCharges/index.tsx

@@ -0,0 +1,28 @@
+'use client'
+
+import { Country } from '@scandic-hotels/common/constants/country'
+
+import { useIntl } from 'react-intl'
+import { Typography } from '../Typography'
+
+interface LocalCallChargesProps {
+  country: string
+  className?: string
+}
+export function LocalCallCharges({
+  country,
+  className,
+}: LocalCallChargesProps) {
+  const intl = useIntl()
+
+  return country === Country.Finland ? (
+    <Typography variant="Body/Supporting text (caption)/smRegular">
+      <p className={className}>
+        {intl.formatMessage({
+          id: 'common.localCallCharges',
+          defaultMessage: 'Price: €0.16/min + local call charges',
+        })}
+      </p>
+    </Typography>
+  ) : null
+}

packages/design-system/package.json

@@ -141,6 +141,7 @@
     "./Lightbox": "./lib/components/Lightbox/index.tsx",
     "./Link": "./lib/components/Link/index.tsx",
     "./LoadingSpinner": "./lib/components/LoadingSpinner/index.tsx",
+    "./LocalCallCharges": "./lib/components/LocalCallCharges/index.tsx",
     "./LoginButton": "./lib/components/LoginButton/index.tsx",
     "./Map/InfoWindow": "./lib/components/Map/InfoWindow/index.tsx",
     "./Map/InteractiveMap": "./lib/components/Map/InteractiveMap/index.tsx",