export default function OffsetTab02(){
    return(
        <>
            <div className="outline-wrap">
                <div className="guide sm">
                    オフセットしたい外壁を選択してください。
                </div>
                <div className="discrimination-box mb10">
                    <div className="eaves-keraba-table">
                        <div className="eaves-keraba-item">
                            <div className="eaves-keraba-th">
                                長さ
                            </div>
                            <div className="eaves-keraba-td">
                                <div className="outline-form">
                                    <div className="input-grid mr5" style={{width: '100px'}}>
                                        <input type="text" className="input-origin block" defaultValue={100}/>
                                    </div>
                                    <span className="thin">mm</span>
                                </div>
                            </div>
                        </div>
                        <div className="eaves-keraba-item">
                            <div className="eaves-keraba-th">
                                方向 (矢印)
                            </div>
                            <div className="eaves-keraba-td">
                                <div className="outline-form">
                                    <div className="grid-direction">
                                        <button className="direction up"></button>
                                        <button className="direction down act"></button>
                                        <button className="direction left"></button>
                                        <button className="direction right"></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}