Hotel Room Editor - Copy this React, Tailwind Component to your project

<div-class="container-my-5">-<div-class="row-g-4">-<div-class="col-12">-<div-class="card-shadow-sm-room-card">-<div-class="card-header-bg-white"-id="room1Header">-<button-class="btn-w-100-d-flex-justify-content-between-align-items-center"-data-bs-toggle="collapse"-data-bs-target="#room1Content"-aria-expanded="false"-aria-controls="room1Content"->-<div-class="d-flex-align-items-center-gap-3">-<img-src="https://plus.unsplash.com/premium_photo-1661901997525-fdbfb88d8554?q=80&w=3029&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"-class="rounded"-width="100"-height="70"-alt="Luxury-Room"-/>-<div-class="text-start">-<h5-class="mb-1">Luxury-Suite---Room-101</h5>-<p-class="mb-0-text-muted">King-Size-Bed</p>-</div>-</div>-<div-class="d-flex-align-items-center-gap-3">-<h4-class="mb-0-text-primary">$299</h4>-<i-class="bi-bi-chevron-down"></i>-</div>-</button>-</div>-<div-id="room1Content"-class="collapse"-aria-labelledby="room1Header">-<div-class="card-body">-<div-class="row">-<div-class="col-md-8">-<h6>Room-Features:</h6>-<ul-class="list-unstyled">-<li>-<i-class="bi-bi-check-circle-text-success"></i>-Ocean-View-</li>-<li>-<i-class="bi-bi-check-circle-text-success"></i>-Private-Balcony-</li>-<li>-<i-class="bi-bi-check-circle-text-success"></i>-Mini-Bar-</li>-</ul>-</div>-<div-class="col-md-4-text-end">-<button-class="btn-btn-primary">Book-Now</button>-</div>-</div>-</div>-</div>-</div>-</div>-</div>-</div>-in-here-change-whats-goes-into-collapse-in-collape-i-want-to-go-form-for-changeing-hotel-room-inputs-price,room-number,type,img-and-it-should-have-to-buttons-one-save-changes-and-one-delete-room