From 5d6a0e357b485ffd3c782ecd8f5932c6b2952329 Mon Sep 17 00:00:00 2001
From: Yoonji Lee <rhaxlddbswl3@gmail.com>
Date: Tue, 14 Jan 2025 05:55:31 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20interface,=20props=20=EC=9E=91=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/component/BottomSheet/BottomSheet.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/common/component/BottomSheet/BottomSheet.tsx b/src/common/component/BottomSheet/BottomSheet.tsx
index 5e0ed1dd..6b7fe586 100644
--- a/src/common/component/BottomSheet/BottomSheet.tsx
+++ b/src/common/component/BottomSheet/BottomSheet.tsx
@@ -1,8 +1,14 @@
 import IcBottomSheetLine from "@asset/svg/IcBottomSheetLine";
 import * as styles from "./BottomSheet.css";
 import { Button } from "../Button";
+import React from "react";
 
-const BottomSheet = () => {
+interface BottomSheetProps {
+  leftClick?: React.MouseEventHandler<HTMLButtonElement>;
+  rightClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+
+const BottomSheet = ({ leftClick, rightClick }: BottomSheetProps) => {
   return (
     <div className={styles.bottomSheetContainer}>
       <div className={styles.bottomSheetHeader}>
@@ -16,6 +22,7 @@ const BottomSheet = () => {
             size="large"
             variant="solidNeutral"
             disabled={false}
+            onClick={leftClick}
           />
 
           <Button
@@ -23,6 +30,7 @@ const BottomSheet = () => {
             size="large"
             variant="solidPrimary"
             disabled={false}
+            onClick={rightClick}
           />
         </div>
       </div>