From 3e35ef63c662fe15759783b0f7c414c712be0b0c Mon Sep 17 00:00:00 2001
From: hamo-o <yheel369@gmail.com>
Date: Sun, 22 Sep 2024 12:46:44 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=86=A0=EC=8A=A4=ED=8A=B8=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=A0=9C=EA=B1=B0=20=EC=9D=B4?=
 =?UTF-8?q?=ED=9B=84=20=EC=8B=A4=ED=96=89=EB=90=98=EB=8A=94=20=ED=95=A8?=
 =?UTF-8?q?=EC=88=98=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/wow-ui/src/components/Toast/Toast.stories.tsx | 4 ++++
 packages/wow-ui/src/components/Toast/index.tsx         | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/packages/wow-ui/src/components/Toast/Toast.stories.tsx b/packages/wow-ui/src/components/Toast/Toast.stories.tsx
index d018c28b..d6f96119 100644
--- a/packages/wow-ui/src/components/Toast/Toast.stories.tsx
+++ b/packages/wow-ui/src/components/Toast/Toast.stories.tsx
@@ -60,6 +60,10 @@ const meta: Meta<typeof Toast> = {
         "Toast 컴포넌트의 화살표 아이콘을 클릭했을 때 호출되는 함수를 나타냅니다.",
       control: false,
     },
+    onRemove: {
+      description: "Toast 컴포넌트가 닫힌 이후 호출되는 함수를 나타냅니다.",
+      control: false,
+    },
     icon: {
       description: "Toast 좌측에 들어갈 아이콘을 나타냅니다.",
       control: false,
diff --git a/packages/wow-ui/src/components/Toast/index.tsx b/packages/wow-ui/src/components/Toast/index.tsx
index 3d49f10c..7257c0e1 100644
--- a/packages/wow-ui/src/components/Toast/index.tsx
+++ b/packages/wow-ui/src/components/Toast/index.tsx
@@ -18,7 +18,9 @@ import useToast from "./useToast";
  * @param {string} text - 토스트 컴포넌트의 메인 텍스트.
  * @param {ReactNode} icon - 토스트 컴포넌트의 좌측에 들어갈 아이콘.
  * @param {()=>void} [onClickArrowIcon] - 화살표 아이콘을 클릭했을 때 호출되는 함수.
+ * @param {()=>void} [onRemove] - 토스트 컴포넌트가 닫히고 나서 호출되는 함수.
  * @param {string} [subText] - 토스트 컴포넌트의 보조 텍스트.
+ * @param {string} [toastDuration] - 토스트 컴포넌트의 보여지는 시간.
  * @param {CSSProperties} [style] - 커스텀 스타일을 적용하기 위한 객체.
  * @param {string} [className] - 커스텀 클래스를 적용하기 위한 문자열.
  */
@@ -28,6 +30,7 @@ export interface ToastProps extends FlexProps {
   type?: "default" | "close" | "arrow";
   text: string;
   onClickArrowIcon?: () => void;
+  onRemove?: () => void;
   icon?: ReactNode;
   subText?: string;
   toastDuration?: number;
@@ -41,6 +44,7 @@ const Toast = forwardRef(
     text,
     subText,
     onClickArrowIcon,
+    onRemove,
     type = "default",
     icon,
     toastDuration,
@@ -64,6 +68,7 @@ const Toast = forwardRef(
       setOpacity(1);
       const timeoutForRemove = setTimeout(() => {
         removeToast(id);
+        onRemove?.();
       }, TOAST_DURATION);
 
       const timeoutForVisible = setTimeout(() => {