import { Link } from "@/i18n/routing";
import { FileText, Image as ImageIcon, CalendarIcon } from "lucide-react";

export const columns: ColumnDefinition[] = [
  {
    key: "id",
    title: "ID",
    type: "text",
    icon: FileText,
    sortable: true,
    searchable: true,
    filterable: true,
    description: "Unique media file identifier",
    priority: 3,
    expandedOnly: true,
  },
  {
    key: "path",
    title: "Thumbnail",
    type: "image",
    icon: ImageIcon,
    sortable: false,
    searchable: false,
    filterable: false,
    editable: false,
    usedInCreate: false,
    description: "Media thumbnail URL",
    priority: 1,
    render: { type: "image", size: "lg" },
  },
  {
    key: "name",
    title: "Name",
    type: "text",
    icon: FileText,
    sortable: true,
    searchable: true,
    filterable: true,
    editable: false,
    usedInCreate: false,
    description: "File name",
    priority: 1,
  },
  {
    key: "width",
    title: "Width",
    type: "number",
    icon: FileText,
    sortable: true,
    searchable: false,
    filterable: true,
    editable: false,
    usedInCreate: false,
    description: "Image width",
    priority: 2,
  },
  {
    key: "height",
    title: "Height",
    type: "number",
    icon: FileText,
    sortable: true,
    searchable: false,
    filterable: true,
    editable: false,
    usedInCreate: false,
    description: "Image height",
    priority: 2,
  },
  {
    key: "dateModified",
    title: "Modified",
    type: "date",
    icon: CalendarIcon,
    sortable: true,
    searchable: false,
    filterable: true,
    editable: false,
    usedInCreate: false,
    description: "Last modified date",
    priority: 3,
    render: { type: "date", format: "PPP" },
  },
];
