export default function InquiryListTable(){
  return(
    <div className="sale-frame">
      <div className="inquiry-table-filter">
        <div className="filter-check">
          <div className="check-form-box">
            <input type="checkbox" id="ch01"/>
            <label htmlFor="ch01">私が書いたお問い合わせ</label>
          </div>
        </div>
        <div className="filter-select">
          <select className="select-form" name="" id="">
            <option value="">全体</option>
            <option value="">全体</option>
            <option value="">全体</option>
            <option value="">全体</option>
            <option value="">全体</option>
          </select>
        </div>
      </div>
      <div className="inquiry-list-wrap">
        <div className="inquiry-list-tit">合計 <span>98</span>個</div>
        <ul className="inquiry-list">
          <li className="inquiry-item">
            <div className="inquiry-item-bx">
              <div className="inquiry-item-category">
                <span>屋根</span>
                <span>適合性</span>
                <span>屋根材</span>
              </div>
              <div className="inquiry-item-tit">屋根材適合性確認依頼</div>
              <div className="inquiry-item-date">2025.04.02</div>
              <div className="inquiry-badge badge blue">回答待ち</div>
            </div>
          </li>
          <li className="inquiry-item">
            <div className="inquiry-item-bx">
              <div className="inquiry-item-category">
                <span>屋根</span>
                <span>適合性</span>
                <span>屋根材</span>
              </div>
              <div className="inquiry-item-tit">設置可能ですか？</div>
              <div className="inquiry-item-date">2025.04.02</div>
              <div className="inquiry-badge badge orange">回答完了</div>
            </div>
          </li>
          <li className="inquiry-item">
            <div className="inquiry-item-bx">
              <div className="inquiry-item-category">
                <span>屋根</span>
                <span>適合性</span>
                <span>屋根材</span>
              </div>
              <div className="inquiry-item-tit">屋根材適合性確認依頼屋根材適合性確認依頼屋根材適合性確認依頼屋根材適合性確認依頼</div>
              <div className="inquiry-item-date">2025.04.02</div>
              <div className="inquiry-badge badge blue">回答待ち</div>
            </div>
          </li>
          <li className="inquiry-item">
            <div className="inquiry-item-bx">
              <div className="inquiry-item-category">
                <span>屋根</span>
                <span>適合性</span>
                <span>屋根材</span>
              </div>
              <div className="inquiry-item-tit">設置可能ですか？</div>
              <div className="inquiry-item-date">2025.04.02</div>
              <div className="inquiry-badge badge orange">回答完了</div>
            </div>
          </li>
          <li className="inquiry-item">
            <div className="inquiry-item-bx nodata">
              <div className="inquiry-item-nodata">조회된 데이터가 없습니다</div>
            </div>
          </li>
        </ul>
        <div className="sale-edit-btn">
          <button className="btn-frame n-blue icon">もっと見る<i className="btn-edit"></i></button>
        </div>
      </div>
    </div>
  )
}