export default function SuitableDetailPopup() {
  return (
    <div className="modal-popup">
      <div className="modal-dialog">
        <div className="modal-content">
          <div className="modal-header">
            <div className="modal-header-inner">
              <div className="modal-name-wrap">
                <div className="modal-img">
                  <img src="/assets/images/layout/modal_header_icon03.svg" alt="" />
                </div>
                <div className="modal-name">屋根材適合性詳細 </div>
              </div>
              <button className="modal-close"></button>
            </div>
          </div>
          <div className="modal-body">
            <div className={`compliance-check-bx act`}>
              <div className="check-name-wrap">
                <div className="check-name">アースティ４０</div>
                <div className="check-name-btn">
                  <button className="bx-btn"></button>
                </div>
              </div>
              <div className="compliance-check-pop-contents"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
