File Attachment Panel

import { FileAttachmentPanel } from "@docyrus/ui/components/file-attachment-panel";
import type { FileAttachmentPanelProps } from "@docyrus/ui/components/file-attachment-panel";

const files: FileAttachmentPanelProps['files'] = [
  {
    id: "f-1",
    file_name: "design-review.png",
    file_type: "image/png",
    file_size: 120000,
    signed_url: "https://images.unsplash.com/photo-1581291518857-4e27b48ff24e?w=640&q=80",
    source: "local",
    file_data: null,
    created_on: new Date().toISOString(),
    record_id: "rec-1"
  }
];

function Demo() {
  return (
    <FileAttachmentPanel
      files={files}
      onUploadFile={(file) => Promise.resolve({
        ...files[0],
        id: crypto.randomUUID(),
        file_name: file.name,
        file_type: file.type,
        file_size: file.size,
        signed_url: URL.createObjectURL(file)
      })}
      onDeleteFile={(id) => console.log("delete", id)}
    />
  );
}