"use client";

import { Folder } from "lucide-react";
import { cn } from "@/lib/utils";

// 첨부파일 개수 표시용 폴더 아이콘 셀 (원본: file_empty_icon / file_icon)
// count > 0 → 파란 채움 폴더, 아니면 투명 (공간 유지)
export function FolderCell({ count, onClick, className }: {
  count: unknown;
  onClick?: () => void;
  className?: string;
}) {
  const n = Number(count) || 0;
  return (
    <Folder
      size={18}
      strokeWidth={1.8}
      onClick={onClick}
      className={cn(
        "inline",
        n > 0 ? "text-blue-500 fill-blue-500" : "text-gray-300",
        onClick && "cursor-pointer",
        className,
      )}
    />
  );
}
