From f2dbc7f91e43414afe01b0c26df7786c1af0a6ad Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Mon, 7 Oct 2024 10:33:41 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B2=BD=EC=82=AC=20=EC=84=A4=EC=A0=95=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/floor-plan/modal/Slope.jsx | 34 +++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/components/floor-plan/modal/Slope.jsx

diff --git a/src/components/floor-plan/modal/Slope.jsx b/src/components/floor-plan/modal/Slope.jsx
new file mode 100644
index 00000000..0ae32ab6
--- /dev/null
+++ b/src/components/floor-plan/modal/Slope.jsx
@@ -0,0 +1,34 @@
+import { useMessage } from '@/hooks/useMessage'
+import WithDraggable from '@/components/common/draggable/WithDraggable'
+
+export default function Slope({ setShowSlopeSettingModal }) {
+  const { getMessage } = useMessage()
+  return (
+    <WithDraggable isShow={true} pos={{ x: 50, y: -950 }}>
+      <div className={`modal-pop-wrap xxxm`}>
+        <div className="modal-head">
+          <h1 className="title">{getMessage('plan.menu.placement.surface.slope.setting')} </h1>
+          <button className="modal-close" onClick={() => setShowSlopeSettingModal(false)}>
+            닫기
+          </button>
+        </div>
+        <div className="modal-body">
+          <div className="slope-wrap">
+            <div className="outline-form">
+              <span className="mr10" style={{ width: 'auto' }}>
+                {getMessage('slope')}
+              </span>
+              <div className="input-grid mr5">
+                <input type="text" className="input-origin block" defaultValue={300} />
+              </div>
+              <span className="thin">{getMessage('size.angle')}</span>
+            </div>
+          </div>
+          <div className="grid-btn-wrap">
+            <button className="btn-frame modal act">{getMessage('modal.common.save')}</button>
+          </div>
+        </div>
+      </div>
+    </WithDraggable>
+  )
+}