From 200b854e9a4f0632494de26f45a70a32fd35667a Mon Sep 17 00:00:00 2001
From: chsua <csj1919@naver.com>
Date: Fri, 13 Oct 2023 11:30:05 +0900
Subject: [PATCH] =?UTF-8?q?test:=20(#740)=20=EC=95=8C=EB=A6=BC=EC=9D=84=20?=
 =?UTF-8?q?=EB=84=A3=EC=9D=84=20=ED=88=B4=ED=82=B7=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=ED=85=8C=EC=8A=A4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/ToolTip/ToolTip.stories.tsx        | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 frontend/src/components/common/ToolTip/ToolTip.stories.tsx

diff --git a/frontend/src/components/common/ToolTip/ToolTip.stories.tsx b/frontend/src/components/common/ToolTip/ToolTip.stories.tsx
new file mode 100644
index 000000000..8884571cc
--- /dev/null
+++ b/frontend/src/components/common/ToolTip/ToolTip.stories.tsx
@@ -0,0 +1,41 @@
+import type { Meta } from '@storybook/react';
+
+import ToolTip from '.';
+
+const meta: Meta<typeof ToolTip> = {
+  component: ToolTip,
+};
+
+export default meta;
+
+export const SizeS = () => {
+  return (
+    <ToolTip size="sm">
+      <div style={{ width: '100px', height: '100px', backgroundColor: 'bisque' }} />
+    </ToolTip>
+  );
+};
+
+export const SizeM = () => {
+  return (
+    <ToolTip size="md">
+      <div style={{ width: '100px', height: '100px', backgroundColor: 'bisque' }} />
+    </ToolTip>
+  );
+};
+
+export const SizeL = () => {
+  return (
+    <ToolTip size="lg">
+      <div style={{ width: '100px', height: '100px', backgroundColor: 'bisque' }} />
+    </ToolTip>
+  );
+};
+
+export const SizeFree = () => {
+  return (
+    <ToolTip size="free">
+      <div style={{ width: '50vw', height: '90vh', backgroundColor: 'bisque' }} />
+    </ToolTip>
+  );
+};