export default function TagList({ tags }: { tags: string[] }) {
  if (tags.length === 0) {
    return <span className="text-slate-400">-</span>;
  }

  return (
    <div className="flex flex-wrap gap-1">
      {tags.map((tag) => (
        <span key={tag} className="rounded-full bg-emerald-50 px-2 py-0.5 text-xs font-medium text-emerald-700">
          {tag}
        </span>
      ))}
    </div>
  );
}
