import { FaFile } from "react-icons/fa";
import { RemoveButton } from "#/components/shared/buttons/remove-button";

interface FileItemProps {
  filename: string;
  onRemove?: () => void;
}

export function FileItem({ filename, onRemove }: FileItemProps) {
  return (
    <div
      data-testid="file-item"
      className="flex flex-row gap-x-1 items-center justify-start py-1"
    >
      <FaFile className="h-4 w-4" />
      <code className="text-sm flex-1 text-white truncate">{filename}</code>
      {onRemove && <RemoveButton onClick={onRemove} />}
    </div>
  );
}