"use client";

import { ColumnDef } from "@tanstack/react-table";
import { FileInfoItem } from "../actions";
import { Button } from "@/components/ui/button";
import { Download } from "lucide-react";
import { formatDolceDateTime } from "../utils/date-formatter";

interface FileListColumnsProps {
  onDownload: (file: FileInfoItem) => void;
  lng?: string;
}

export const createFileListColumns = ({
  onDownload,
  lng = "ko",
}: FileListColumnsProps): ColumnDef<FileInfoItem>[] => [
  {
    accessorKey: "FileSeq",
    header: lng === "ko" ? "순번" : "No.",
    minSize: 80,
    cell: ({ row }) => {
      return <div className="text-center">{row.getValue("FileSeq")}</div>;
    },
  },
  {
    accessorKey: "FileName",
    header: lng === "ko" ? "파일명" : "File Name",
    minSize: 300,
    cell: ({ row }) => {
      return <div className="font-medium">{row.getValue("FileName")}</div>;
    },
  },
  {
    accessorKey: "FileSize",
    header: lng === "ko" ? "파일크기" : "File Size",
    minSize: 100,
    cell: ({ row }) => {
      const size = parseInt(row.getValue("FileSize") as string);
      if (isNaN(size) || size === 0) return "-";
      
      if (size < 1024) return `${size} B`;
      if (size < 1024 * 1024) return `${(size / 1024).toFixed(2)} KB`;
      return `${(size / (1024 * 1024)).toFixed(2)} MB`;
    },
  },
  {
    accessorKey: "CreateDt",
    header: lng === "ko" ? "생성일시" : "Created Date",
    minSize: 200,
    cell: ({ row }) => {
      const date = row.getValue("CreateDt") as string;
      return <div className="text-sm text-muted-foreground">{formatDolceDateTime(date)}</div>;
    },
  },
  {
    id: "actions",
    header: lng === "ko" ? "다운로드" : "Download",
    minSize: 120,
    cell: ({ row }) => {
      return (
        <Button
          variant="outline"
          size="sm"
          onClick={() => onDownload(row.original)}
        >
          <Download className="h-4 w-4 mr-2" />
          {lng === "ko" ? "다운로드" : "Download"}
        </Button>
      );
    },
  },
];