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

export default function OneOnOneInquiryTable(){
    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>1：1お問い合わせリスト</h3>
                    <ul className="info-wrap">
                        <li>全体 <span className="red">6</span></li>
                    </ul>
                </div>
                <div className="left-unit-box">
                    <div>
                        <button className="btn-origin navy mr10">1：1お問い合わせ</button>
                    </div>
                    <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 width={150}/>
                        <col />
                        <col width={150}/>
                        <col width={150}/>
                    </colgroup>
                    <tbody>
                        <tr>
                            <td className="al-c">99</td>
                            <td className="al-c org">未回答</td>
                            <td>
                                <div className="mb5">[문의구분]</div>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                    <span className="clip"></span>
                                </div>
                            </td>
                            <td className="al-c">佐藤一貴</td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">98</td>
                            <td className="al-c org">未回答</td>
                            <td>
                                <div className="mb5">[문의구분]</div>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                </div>
                            </td>
                            <td className="al-c">佐藤一貴</td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">97</td>
                            <td className="al-c org">未回答</td>
                            <td>
                                <div className="mb5">[문의구분]</div>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                </div>
                            </td>
                            <td className="al-c">佐藤一貴</td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">96</td>
                            <td className="al-c">回答完了</td>
                            <td>
                                <div className="mb5">[문의구분]</div>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                    <span className="clip"></span>
                                </div>
                            </td>
                            <td className="al-c">佐藤一貴</td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">96</td>
                            <td className="al-c">回答完了</td>
                            <td>
                                <div className="mb5">[문의구분]</div>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                    <span className="clip"></span>
                                </div>
                            </td>
                            <td className="al-c">佐藤一貴</td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">96</td>
                            <td className="al-c">回答完了</td>
                            <td>
                                <div className="mb5">[문의구분]</div>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                    <span className="clip"></span>
                                </div>
                            </td>
                            <td className="al-c">佐藤一貴</td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c">96</td>
                            <td className="al-c">回答完了</td>
                            <td>
                                <div className="mb5">[문의구분]</div>
                                <div className="text-frame">
                                    <div className="text-overflow">Solar システム所有者変更の</div>
                                    <span className="clip"></span>
                                </div>
                            </td>
                            <td className="al-c">佐藤一貴</td>
                            <td className="al-c">2024.07.18</td>
                        </tr>
                        <tr>
                            <td className="al-c no-data" colSpan={5}>No Data</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <Pagination/>
        </div>
    )
}