import Image from "next/image";

export default function EavesKerabaTab02(){
    return(
        <>
            <div className="outline-wrap">
                <div className="outline-form ">
                    <span className="mr10" style={{width: '24px'}}>出幅</span>
                    <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 className="outline-wrap">
                <div className="eaves-keraba-table">
                    <div className="eaves-keraba-item">
                        <div className="eaves-keraba-th">
                            <div className="d-check-radio pop">
                                <input type="radio" name="radio01" id="ra01" />
                                <label htmlFor="ra01">通常</label>
                            </div>
                        </div>
                        <div className="eaves-keraba-td">
                            <div className="eaves-keraba-ico act">
                                <Image src="/static/images/canvas/eaves_icon04.svg" alt="react" width={30} height={30} />
                            </div>
                        </div>
                    </div>
                    <div className="eaves-keraba-item">
                        <div className="eaves-keraba-th">
                            <div className="d-check-radio pop">
                                <input type="radio" name="radio01" id="ra02" />
                                <label htmlFor="ra02"> 半折</label>
                            </div>
                        </div>
                        <div className="eaves-keraba-td">
                            <div className="eaves-keraba-ico">
                                <Image src="/static/images/canvas/eaves_icon09.svg" alt="react" width={30} height={30} />
                            </div>
                        </div>
                    </div>
                    <div className="eaves-keraba-item">
                        <div className="eaves-keraba-th">
                            <div className="outline-form">
                                <span className="mr10" style={{width: '24px'}}>傾斜</span>
                                <div className="input-grid mr5" style={{width: '100px'}}>
                                    <input type="text" className="input-origin block" defaultValue={100}/>
                                </div>
                                <span className="thin">寸法</span>
                            </div>
                        </div>
                        <div className="eaves-keraba-td">
                            <div className="eaves-keraba-ico ">
                                <Image src="/static/images/canvas/eaves_icon05.svg" alt="react" width={30} height={30} />
                            </div>
                        </div>
                    </div>
                    <div className="eaves-keraba-item">
                        <div className="eaves-keraba-th">
                            <div className="outline-form">
                                <span className="mr10" style={{width: '24px'}}>出幅</span>
                                <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 className="eaves-keraba-td">
                            <div className="eaves-keraba-ico ">
                                <Image src="/static/images/canvas/eaves_icon10.svg" alt="react" width={30} height={30} />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}