<DialogList />

import {DialogList, showDialog, StatusBadge} from "attio/client"

const items: Array<{id: string; name: string; url: string; status: string}> = []

showDialog({
  title: "My Items",
  Dialog: () => {
    return (
      <DialogList emptyState={{text: "No items found"}}>
        {items.map((item) => (
          <DialogList.Item
            key={item.id}
            icon="Note"
            onTrigger={() => {
              window.open(item.url)
            }}
            actionLabel="View item"
            suffix={<StatusBadge color="#00D17E">{item.status}</StatusBadge>}
          >
            {item.name}
          </DialogList.Item>
        ))}
      </DialogList>
    )
  },
})