Record Delete Confirm Dialog

import { RecordDeleteConfirmDialog } from "@docyrus/ui/components/record-delete-confirm-dialog";
import type { DataSourceRelation } from "@docyrus/ui/components/record-delete-confirm-dialog";
import { useState } from "react";

const relations: DataSourceRelation[] = [
  { dataSourceId: "tasks", dataSourceName: "Tasks", dataSourceSlug: "tasks", appSlug: "base", dataSourceType: "table", fieldId: "task_id", fieldSlug: "task_id", fieldName: "Task", fieldType: "relation" }
];

function Demo() {
  const [open, setOpen] = useState(false);

  return (
    <RecordDeleteConfirmDialog
      open={open}
      onOpenChange={setOpen}
      recordCount={2}
      relations={relations}
      onConfirm={(childActions) => console.log(childActions)}
    />
  );
}