From f43de03d7ae6ae2d2ac87046d807df7eadf53ebc Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Fri, 12 Jul 2024 14:36:13 +0200
Subject: [PATCH] chore: typing for sidepeek components

---
 components/TempDesignSystem/SidePeek/Content/index.tsx | 9 +++------
 components/TempDesignSystem/SidePeek/Content/types.ts  | 6 ++++++
 components/TempDesignSystem/SidePeek/index.tsx         | 9 ++++-----
 3 files changed, 13 insertions(+), 11 deletions(-)
 create mode 100644 components/TempDesignSystem/SidePeek/Content/types.ts

diff --git a/components/TempDesignSystem/SidePeek/Content/index.tsx b/components/TempDesignSystem/SidePeek/Content/index.tsx
index fd6aad425..4ac1a301e 100644
--- a/components/TempDesignSystem/SidePeek/Content/index.tsx
+++ b/components/TempDesignSystem/SidePeek/Content/index.tsx
@@ -5,6 +5,8 @@ import { Children, PropsWithChildren } from "react"
 import { CloseIcon } from "@/components/Icons"
 import Title from "@/components/TempDesignSystem/Text/Title"
 
+import { SidePeekContentProps } from "./types"
+
 import styles from "./content.module.css"
 
 export default function Content({
@@ -13,12 +15,7 @@ export default function Content({
   contentKey,
   isActive = false,
   onClose,
-}: PropsWithChildren<{
-  title?: string
-  contentKey: string
-  isActive?: boolean
-  onClose?: () => void
-}>) {
+}: PropsWithChildren<SidePeekContentProps>) {
   return isActive ? (
     <aside className={styles.content}>
       <header className={styles.header}>
diff --git a/components/TempDesignSystem/SidePeek/Content/types.ts b/components/TempDesignSystem/SidePeek/Content/types.ts
new file mode 100644
index 000000000..1a1d2b32a
--- /dev/null
+++ b/components/TempDesignSystem/SidePeek/Content/types.ts
@@ -0,0 +1,6 @@
+export type SidePeekContentProps = {
+  title?: string
+  contentKey: string
+  isActive?: boolean
+  onClose?: () => void
+}
diff --git a/components/TempDesignSystem/SidePeek/index.tsx b/components/TempDesignSystem/SidePeek/index.tsx
index ade1e2bb5..9acd68e0b 100644
--- a/components/TempDesignSystem/SidePeek/index.tsx
+++ b/components/TempDesignSystem/SidePeek/index.tsx
@@ -5,15 +5,14 @@ import { Dialog, DialogTrigger, Modal } from "react-aria-components"
 
 import styles from "./sidePeek.module.css"
 
-type SidePeekProps = {
-  activeContent: string | null
-  onClose: (isOpen: boolean) => void
-}
 export default function SidePeek({
   children,
   onClose,
   activeContent,
-}: PropsWithChildren<SidePeekProps>) {
+}: PropsWithChildren<{
+  onClose: (isOpen: boolean) => void
+  activeContent: string | null
+}>) {
   return (
     <DialogTrigger>
       <Modal