import Image from "next/image";

export default function MovingTab01(){
    return(
        <>
            <div className="outline-wrap">
                <div className="guide">
                    棟線を選択し、 移動幅を指定してください。
                </div>
                <div className="outline-form">
                    <span>位置値</span>
                    <div className="input-grid mr5">
                        <input type="text" className="input-origin block" defaultValue={100} readOnly/>
                    </div>
                </div>
                <div className="moving-tab-content">
                    <div className="moving-tab-radio-wrap">
                        <div className="d-check-radio pop">
                            <input type="radio" name="radio01" id="ra01" />
                            <label htmlFor="ra01">高さ変更：下、左</label>
                        </div>
                        <div className="d-check-radio pop">
                            <input type="radio" name="radio01" id="ra02" />
                            <label htmlFor="ra02">高さ変更：上、右</label>
                        </div>
                    </div>
                    <div className="outline-form">
                        <span>動き値</span>
                        <div className="input-grid mr5">
                            <input type="text" className="input-origin block" defaultValue={100}/>
                        </div>
                        <span className="thin">mm</span>
                    </div>
                </div>
            </div>
        </>
    )
}