'use client'
export default function RegistForm() {
  return (
    <>
      <div className="inquiry-frame">
        <div className="data-form-wrap">
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">
              お問い合わせタイプ <i className="import">*</i>
            </div>
            <div className="data-input">
              <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="data-input-form-bx">
            <div className="data-input-form-tit">
              お問い合わせタイトル <i className="import">*</i>
            </div>
            <div className="data-input">
              <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="data-input-form-bx">
            <div className="data-input-form-tit">
              お問い合わせタイプ <i className="import">*</i>
            </div>
            <div className="data-input">
              <textarea className="textarea-form" rows={6} name="" id="" placeholder="TextArea Filed"></textarea>
            </div>
          </div>
        </div>
        <div className="inquiry-file-wrap">
          <div className="filebox">
            <label className="btn-frame l-blue icon" htmlFor="file">
              <i className="btn-clip"></i>Attach ファイル
            </label>
            <input type="file" id="file" />
          </div>
          <div className="file-list-wrap">
            <div className="file-list-tit">
              添付ファイル<span>2</span>個
            </div>
            <ul className="file-list">
              <li className="file-item">
                <div className="file-item-bx">
                  <div className="file-item-name">添付ファイル名.jpg </div>
                  <button className="file-del"></button>
                </div>
              </li>
              <li className="file-item">
                <div className="file-item-bx">
                  <div className="file-item-name">添付ファイル名.jpg </div>
                  <button className="file-del"></button>
                </div>
              </li>
            </ul>
          </div>
          <div className="sale-edit-btn">
            <button className="btn-frame n-blue icon">
              登録<i className="btn-arr"></i>
            </button>
          </div>
        </div>
      </div>
    </>
  )
}
