const buttonList03 = [
    {id: 1, name: 'ランダムグリッド'},
    {id: 2, name: 'ドット・ライングリッド'},
    {id: 3, name: '吸着点を追加'},
    {id: 4, name: 'グリッド色の設定'},
]

export default function ThirdOption(props){
    const { onClick } = props
    return(
        <>
            <div className="modal-check-btn-wrap">
                <h3 className="check-wrap-title">吸着範囲の設定</h3>
                <div className="flex-check-box for2">
                    {buttonList03.map((item)=>(
                        <button className="arr-btn">
                            <span>{item.name}</span>
                        </button>
                    ))}
                </div>
            </div>
        </>
    )
}