From 9997d018b7f09d25d789f0bd150bea684165b0c8 Mon Sep 17 00:00:00 2001
From: Kariamos <minucci9292@gmail.com>
Date: Wed, 4 Feb 2026 16:26:06 +0100
Subject: [PATCH] refactor: removed deprecated components

---
 src/stories/modals/index.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/stories/modals/index.tsx b/src/stories/modals/index.tsx
index 215a3f72..e9777a17 100644
--- a/src/stories/modals/index.tsx
+++ b/src/stories/modals/index.tsx
@@ -1,21 +1,21 @@
-import {
-  Modal as ZendeskModal,
-  Header as ModalHeader,
-  Body as ModalBody,
-  Footer as ModalFooter,
-  FooterItem as ZendeskFooterItem,
-  Close as ModalClose,
-} from "@zendeskgarden/react-modals";
+import { Modal as ZendeskModal } from "@zendeskgarden/react-modals";
 import { ModalArgs } from "./_types";
 import styled from "styled-components";
 import { forwardRef } from "react";
 
+const ModalHeader = ZendeskModal.Header;
+const ModalBody = ZendeskModal.Body;
+const ModalFooter = ZendeskModal.Footer;
+const ZendeskFooterItem = ZendeskModal.FooterItem;
+const ModalClose = ZendeskModal.Close;
+
 const UgModalBody = styled(ModalBody)`
   color: ${({ theme }) => theme.palette.grey["800"]};
 `;
 
 const UgModal = styled(ZendeskModal)<ModalArgs>`
-  ${({ isExtraLarge }) => isExtraLarge && "height: 90%; max-height: 90%; width: 90%;"}
+  ${({ isExtraLarge }) =>
+    isExtraLarge && "height: 90%; max-height: 90%; width: 90%;"}
 
   @media (max-width: ${({ theme }) => theme.breakpoints.sm}) {
     top: 0;