export default function InquiryCreateForm(){
  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 className="data-input mt5">
            <select className="select-form" name="" id="">
              <option value="">屋根適合</option>
              <option value="">屋根適合</option>
              <option value="">屋根適合</option>
              <option value="">屋根適合</option>
              <option value="">屋根適合</option>
            </select>
          </div>
          <div className="data-input mt5">
            <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">
            <input className="input-frame" type="text" placeholder="名前を書いてください"/>
          </div>
        </div>
        <div className="data-input-form-bx">
          <div className="data-input-form-tit">電話番号</div>
          <div className="data-input">
            <input className="input-frame" type="text" placeholder="電話番号を書き留めてください"/>
          </div>
        </div>
        <div className="data-input-form-bx">
          <div className="data-input-form-tit">お問い合わせタイトル <i className="import">*</i></div>
          <div className="data-input">
            <input className="input-frame" type="text" placeholder="お問い合わせタイトルを記入してください"/>
          </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>
  )
}