import Pagination from "@/components/common/grid/Pagination";

export default function NoticeTable(){
    return(
        <div className="sub-table-box">
            <div className="community-search-warp">
                <div className="community-search-box">
                    <input type="text" className="community-input" />
                    <button className="community-search-ico"></button>
                </div>
                <div className="community-search-keyword"><span>qpeak</span> について銃 <span>5</span> 提案 投稿が検索されました.</div>
            </div>
            <div className="table-box-title-wrap">
                <div className="title-wrap">
                    <h3>お知らせリスト</h3>
                    <ul className="info-wrap">
                        <li>全体 <span className="red">6</span></li>
                    </ul>
                </div>
                <div className="left-unit-box">
                    <div className="select-box" style={{width : '80px'}}>
                        <select className="select-light black" name="" id="">
                            <option>100</option>
                        </select>
                    </div>
                </div>
            </div>
            <div className="community-table">
                <table>
                    <colgroup>
                        <col width={100}/>
                        <col />
                        <col width={200}/>
                        <col width={150}/>
                    </colgroup>
                    <tbody>
                        <tr>
                            <td className="al-c">99</td>
                            <td>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                    <span className="clip"></span>
                                </div>
                            </td>
                            <td>
                                <div className="renewal">
                                    (<span>更新</span>: 2025.02.03 10:00:12)
                                </div>
                            </td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">98</td>
                            <td>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                </div>
                            </td>
                            <td>
                                <div className="renewal">
                                    (<span>更新</span>: 2025.02.03 10:00:12)
                                </div>
                            </td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">97</td>
                            <td>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                </div>
                            </td>
                            <td>
                                <div className="renewal">
                                    (<span>更新</span>: 2025.02.03 10:00:12)
                                </div>
                            </td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">96</td>
                            <td>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                    <span className="clip"></span>
                                </div>
                            </td>
                            <td>
                                <div className="renewal">
                                    (<span>更新</span>: 2025.02.03 10:00:12)
                                </div>
                            </td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">95</td>
                            <td>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                </div>
                            </td>
                            <td>
                                <div className="renewal">
                                    (<span>更新</span>: 2025.02.03 10:00:12)
                                </div>
                            </td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">94</td>
                            <td>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                </div>
                            </td>
                            <td>
                                <div className="renewal">
                                    (<span>更新</span>: 2025.02.03 10:00:12)
                                </div>
                            </td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">93</td>
                            <td>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                    <span className="clip"></span>
                                </div>
                            </td>
                            <td>
                                <div className="renewal">
                                    (<span>更新</span>: 2025.12.30 12:59:59)
                                </div>
                            </td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">92</td>
                            <td>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                </div>
                            </td>
                            <td>
                                
                            </td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">91</td>
                            <td>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                </div>
                            </td>
                            <td>
                                
                            </td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">90</td>
                            <td>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                </div>
                            </td>
                            <td>
                                
                            </td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <Pagination/>
        </div>
    )
}