From f28b183c01046ac40761eb460a355c4de72d9c70 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Mon, 24 Jun 2024 15:34:29 +0900
Subject: [PATCH] =?UTF-8?q?button=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Roof2.jsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Roof2.jsx b/src/components/Roof2.jsx
index 11dfa127..6c4de51e 100644
--- a/src/components/Roof2.jsx
+++ b/src/components/Roof2.jsx
@@ -3,6 +3,7 @@ import { useEffect, useRef } from 'react'
 
 export default function Roof2() {
   const { canvas } = useCanvas('canvas')
+  const mode = useRef('')
   const points = useRef([])
   useEffect(() => {
     canvas?.on('mouse:down', function (options) {
@@ -121,7 +122,17 @@ export default function Roof2() {
   }, [canvas])
   return (
     <>
-      <div className="flex justify-center my-8"></div>
+      <div className="flex justify-center my-8">
+        <button className="w-30 mx-2 p-2 rounded bg-blue-500 text-white">
+          Editing
+        </button>
+        <button className="w-30 mx-2 p-2 rounded bg-gray-500 text-white">
+          Template
+        </button>
+        <button className="w-30 mx-2 p-2 rounded bg-gray-500 text-white">
+          텍스트박스 mode
+        </button>
+      </div>
 
       <div
         className="flex justify-center"