From f07c9e3fe75a23a34cd156f054f6926c08dac6f5 Mon Sep 17 00:00:00 2001
From: Rajat <rd.rajat23@gmail.com>
Date: Mon, 16 Oct 2023 17:06:50 +0530
Subject: [PATCH] refactor: migrate to ts (#14862)

---
 .../UIShell/{SideNavDetails.js => SideNavDetails.tsx}     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)
 rename packages/react/src/components/UIShell/{SideNavDetails.js => SideNavDetails.tsx} (89%)

diff --git a/packages/react/src/components/UIShell/SideNavDetails.js b/packages/react/src/components/UIShell/SideNavDetails.tsx
similarity index 89%
rename from packages/react/src/components/UIShell/SideNavDetails.js
rename to packages/react/src/components/UIShell/SideNavDetails.tsx
index 5ec7f86c42ac..e5427612a31f 100644
--- a/packages/react/src/components/UIShell/SideNavDetails.js
+++ b/packages/react/src/components/UIShell/SideNavDetails.tsx
@@ -10,12 +10,18 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { usePrefix } from '../../internal/usePrefix';
 
+export interface SideNavDetailsProps {
+  children?: React.ReactNode;
+  className?: string;
+  title: string;
+}
+
 const SideNavDetails = ({
   children,
   className: customClassName,
   title,
   ...rest
-}) => {
+}: SideNavDetailsProps) => {
   const prefix = usePrefix();
   const className = cx(`${prefix}--side-nav__details`, customClassName);
   return (