Resource List

import { ResourceList } from "@leanicon/web-builder-library/saas";

<ResourceList
  resources={[
    {
      id: "room-1",
      name: "Conference Room A",
      type: "meeting-room",
      status: "active",
      capacity: { min: 1, max: 10, unit: "people" },
    },
    {
      id: "desk-1",
      name: "Hot Desk Area",
      type: "desk",
      status: "active",
      capacity: { min: 1, max: 20, unit: "people" },
    },
  ]}
  showSearch
  showStatusFilter
  onResourceSelect={(r) => console.log("Selected:", r.id)}
  onViewDetails={(r) => router.push(`/resources/${r.id}`)}
/>;