From 68cfcc4ea3cb09eb98a54f7dd1459ce7cd221c30 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=98=88=EB=A6=B0?= <lynn1833@ewhain.net>
Date: Tue, 28 Jan 2025 01:21:21 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8C=94=EB=A1=9C=EC=9A=B0=20=EC=B7=A8?=
 =?UTF-8?q?=EC=86=8C=20=EB=AA=A8=EB=8B=AC=20ui=20#15?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Modal/modals/FollowNoModal.tsx | 59 +++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 src/components/Modal/modals/FollowNoModal.tsx

diff --git a/src/components/Modal/modals/FollowNoModal.tsx b/src/components/Modal/modals/FollowNoModal.tsx
new file mode 100644
index 0000000..dba1930
--- /dev/null
+++ b/src/components/Modal/modals/FollowNoModal.tsx
@@ -0,0 +1,59 @@
+import React from 'react';
+import Modal from '../Modal';
+import styled from 'styled-components';
+import sadVector from '../../../assets/sadVector.png';
+
+interface ModalProps {
+  onClose: () => void;
+}
+
+const FollowNoModal: React.FC<ModalProps> = ({ onClose }) => {
+  return (
+    <Modal onClose={onClose}>
+      <Container>
+        <Img src={sadVector} />
+        <Title>팔로우가 취소되었습니다.</Title>
+        <Button onClick={onClose}>문의하기</Button>
+      </Container>
+    </Modal>
+  );
+};
+
+const Button = styled.button`
+  width: 302px;
+  height: 39px;
+  border-radius: 7px;
+  background-color: #c908ff;
+  border: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+`;
+
+const Title = styled.div`
+  font-family: Pretendard;
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  margin-bottom: 158px;
+`;
+
+const Img = styled.img`
+  width: 67px;
+  height: 65px;
+  margin-top: 75px;
+  margin-bottom: 41px;
+`;
+
+const Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`;
+
+export default FollowNoModal;