'use client';

import { Flame, Circle, Tag, FileText, Calendar, Clock } from 'lucide-react';

interface SortIconProps {
  iconName: string;
  size?: number;
}

export function SortIcon({ iconName, size = 16 }: SortIconProps) {
  const iconMap = {
    flame: Flame,
    circle: Circle,
    tag: Tag,
    'file-text': FileText,
    calendar: Calendar,
    clock: Clock,
  };

  const IconComponent = iconMap[iconName as keyof typeof iconMap];

  if (!IconComponent) {
    return null;
  }

  return <IconComponent size={size} />;
}
