From 76e0fb5697fc90ae4d96bc59326c2a78ddd677c2 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Wed, 21 Aug 2024 11:30:02 +0200
Subject: [PATCH] fix(SW-96): use input props for preview images

---
 .../ContentType/HotelPage/PreviewImages/index.tsx      | 10 +++-------
 types/components/hotelPage/previewImages.ts            |  5 +++++
 2 files changed, 8 insertions(+), 7 deletions(-)
 create mode 100644 types/components/hotelPage/previewImages.ts

diff --git a/components/ContentType/HotelPage/PreviewImages/index.tsx b/components/ContentType/HotelPage/PreviewImages/index.tsx
index d759c0524..7f0306217 100644
--- a/components/ContentType/HotelPage/PreviewImages/index.tsx
+++ b/components/ContentType/HotelPage/PreviewImages/index.tsx
@@ -5,17 +5,13 @@ import { getIntl } from "@/i18n"
 
 import styles from "./previewImages.module.css"
 
-import { ImageItem } from "@/types/components/lightbox/lightbox"
+import { PreviewImagesProps } from "@/types/components/hotelPage/previewImages"
 
-export default async function PreviewImages({
-  images,
-}: {
-  images: ImageItem[]
-}) {
+export default async function PreviewImages({ images }: PreviewImagesProps) {
   const intl = await getIntl()
   return (
     <Lightbox images={images}>
-      {/*TODO: Replace with images from API once SW-189 is merged. */}
+      {/*TODO: Replace with images from API once SW-188 is merged. */}
       <div className={styles.mobileWrapper}>
         <Image
           src={images[0].url}
diff --git a/types/components/hotelPage/previewImages.ts b/types/components/hotelPage/previewImages.ts
new file mode 100644
index 000000000..ccda7b1f9
--- /dev/null
+++ b/types/components/hotelPage/previewImages.ts
@@ -0,0 +1,5 @@
+import { ImageItem } from "@/types/components/lightbox/lightbox"
+
+export type PreviewImagesProps = {
+  images: ImageItem[]
+}