export default function ArrangementTab03(){
    return(
        <>
            <div className="outline-wrap">
                <div className="outline-inner">
                    <div className="outline-form">
                        <span className="mr10">角度</span>
                        <div className="input-grid" style={{width: '63px'}}>
                            <input type="text" className="input-origin block" defaultValue={4}/>
                        </div>
                        <button className="reset-btn"></button>
                    </div>
                </div>
                <div className="outline-inner">
                    <div className="outline-form">
                        <span className="mr10">長さ(mm)</span>
                        <div className="input-grid" style={{width: '63px'}}>
                            <input type="text" className="input-origin block" defaultValue={5000}/>
                        </div>
                        <button className="reset-btn"></button>
                    </div>
                    <div className="outline-form">
                        <span>方向 (矢印)</span>
                        <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 className="outline-wrap">
                <div className="outline-inner">
                    <div className="outline-form">
                        <span className="mr10">角度</span>
                        <div className="input-grid" style={{width: '63px'}}>
                            <input type="text" className="input-origin block" defaultValue={6}/>
                        </div>
                        <button className="reset-btn"></button>
                    </div>
                </div>
                <div className="outline-inner">
                    <div className="outline-form">
                        <span className="mr10">長さ(mm)</span>
                        <div className="input-grid" style={{width: '63px'}}>
                            <input type="text" className="input-origin block" defaultValue={3000}/>
                        </div>
                        <button className="reset-btn"></button>
                    </div>
                    <div className="outline-form">
                        <span>方向 (矢印)</span>
                        <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>
        </>
    )
}