16 lines
416 B
TypeScript
16 lines
416 B
TypeScript
import type { FileItem } from '@/types';
|
|
import FileListItem from './file-list-item';
|
|
|
|
interface FileListProps {
|
|
files: FileItem[];
|
|
}
|
|
|
|
export default function FileList({ files }: FileListProps) {
|
|
return (
|
|
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 sm:gap-6">
|
|
{files.map((file) => (
|
|
<FileListItem key={file.id} file={file} />
|
|
))}
|
|
</div>
|
|
);
|
|
}
|