import { PageBreadcrumb } from '@frontend/components/layout/PageBreadcrumb';
import { RoomCard, type PublicRoom } from '@frontend/components/rooms/RoomCard';

type RoomsGridProps = {
    rooms: PublicRoom[];
};

export function RoomsGrid({ rooms }: RoomsGridProps) {
    return (
        <>
                <PageBreadcrumb page="rooms" />

                <section className="room-section-2 pt-100 md-pt-80 pb-100 md-pb-80">
                    <div className="container">
                        <div className="row">
                            {rooms.map((room, index) => (
                                <div className="col-xl-4 col-lg-6 col-md-6 col-sm-12" key={room.slug}>
                                    <RoomCard room={room} delay={`.${Math.min(index + 3, 8)}s`} />
                                </div>
                            ))}
                        </div>
                    </div>
                </section>
        </>
    );
}