import WithDraggable from "@/components/common/draggable/withDraggable";

export default function PlacementGuidePop(){

    return(
        <WithDraggable isShow={true}>
            <div className={`modal-pop-wrap sm`}>
                <div className="modal-head">
                    <h1 className="title">寸法入力方法案内</h1>
                    <button className="modal-close">닫기</button>
                </div>
                <div className="modal-body">
                    <div className="placement-table">
                        <table>
                            <colgroup>
                                <col style={{width: '100px'}}/>
                                <col />
                            </colgroup>
                            <tbody>
                                <tr>
                                    <th>複視図入力</th>
                                    <td>平面の外壁線と立面の屋根勾配に基づいて作画する場合に選択</td>
                                </tr>
                                <tr>
                                    <th>実測値入力</th>
                                    <td>現地屋根の外周寸法を入力して作画する場合選択</td>
                                </tr>
                                <tr>
                                    <th>陸上屋根</th>
                                    <td>傾斜のない平面形状の屋根にパネルを配置する場合に選択</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </WithDraggable>
    )
}