File System Light

1"use client";
2 
3import {
4  FileSystemLight,
5  type FileSystemLightFile,
6} from "@/components/ui/file-system-light";
7 
8const FILE_SYSTEM_LIGHT_FILES: FileSystemLightFile[] = [
9  {
10    path: "reports/nvidia-10k-fy2024.pdf",
11    source: {
12      kind: "url",
13      url: "/samples/nvidia-10k-fy2024.pdf",
14      fileName: "nvidia-10k-fy2024.pdf",
15      mimeType: "application/pdf",
16    },
17  },
18  {
19    path: "reports/loan-application.pdf",
20    source: {
21      kind: "url",
22      url: "/samples/loan-application.pdf",
23      fileName: "loan-application.pdf",
24      mimeType: "application/pdf",
25    },
26  },
27  {
28    path: "images/loan-application-page-1.png",
29    source: {
30      kind: "url",
31      url: "/samples/loan-application-page-1.png",
32      fileName: "loan-application-page-1.png",
33      mimeType: "image/png",
34    },
35  },
36  {
37    path: "images/bank-statement-page-1.png",
38    source: {
39      kind: "url",
40      url: "/samples/bank-statement-page-1.png",
41      fileName: "bank-statement-page-1.png",
42      mimeType: "image/png",
43    },
44  },
45  {
46    path: "data/app-config.json",
47    source: {
48      kind: "url",
49      url: "/samples/app-config.json",
50      fileName: "app-config.json",
51      mimeType: "application/json",
52    },
53  },
54];
55 
56export function FsLightBlock() {
57  return (
58    <FileSystemLight
59      className="h-full min-h-[680px]"
60      files={FILE_SYSTEM_LIGHT_FILES}
61      title="File System Light"
62    />
63  );
64}