'use client'

import { useRecoilState } from "recoil";
import { modalState } from "@/store/modalAtom";

export default function MenuDepth01(){
    const [modalOption, setModalOption] = useRecoilState(modalState); //modal 열림닫힘 state
    return( 
        <div className="canvas-depth2-inner">
            <ul className="canvas-depth2-list">
                <li className="canvas-depth2-item active"><button onClick={() => setModalOption({...modalOption, outerwall: true})}>外壁線を描く</button></li>
                <li className="canvas-depth2-item"><button>屋根形状の設定</button></li>
                <li className="canvas-depth2-item"><button>屋根形状の手動設定</button></li>
                <li className="canvas-depth2-item"><button>軒・ケラバ変更</button></li>
                <li className="canvas-depth2-item"><button>銅線移動・型上げ下り</button></li>
                <li className="canvas-depth2-item"><button>外壁の編集とオフセット</button></li>
                <li className="canvas-depth2-item"><button>屋根面の割り当て</button></li>
            </ul>
        </div>
    )
}