From 35030dc45df8a616955e63cadb46ee71e33c0175 Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Wed, 30 Oct 2024 17:26:04 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B0=81=EB=8F=84=20=EC=9E=85=EB=A0=A5=20?=
 =?UTF-8?q?=ED=95=84=EB=93=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../floor-plan/modal/roofShape/type/option/Shed.jsx    | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/floor-plan/modal/roofShape/type/option/Shed.jsx b/src/components/floor-plan/modal/roofShape/type/option/Shed.jsx
index 40ccdbef..c4e19a94 100644
--- a/src/components/floor-plan/modal/roofShape/type/option/Shed.jsx
+++ b/src/components/floor-plan/modal/roofShape/type/option/Shed.jsx
@@ -1,10 +1,20 @@
 import { useMessage } from '@/hooks/useMessage'
 import { onlyNumberInputChange } from '@/util/input-utils'
+import { useRecoilState } from 'recoil'
+import { pitchTextSelector } from '@/store/canvasAtom'
 
 export default function Shed({ shedWidth, setShedWidth }) {
   const { getMessage } = useMessage()
+  const pitchText = useRecoilState(pitchTextSelector)
   return (
     <>
+      <div className="outline-form mb10">
+        <span className="mr10">{getMessage('slope')}</span>
+        <div className="input-grid mr5" style={{ width: '100px' }}>
+          <input type="text" className="input-origin block" defaultValue={4} />
+        </div>
+        <span className="thin">{pitchText}</span>
+      </div>
       <div className="outline-form">
         <span className="mr10">{getMessage('shed.width')}</span>
         <div className="input-grid mr5" style={{ width: '100px' }}>