import Link from "next/link";

export function TagList({ tags }: { tags: string[] }) {
  if (tags.length === 0) return null;

  return (
    <div className="flex flex-wrap gap-2">
      {tags.map((tag) => (
        <Link
          key={tag}
          href={`/search?q=${encodeURIComponent(tag)}`}
          className="rounded-full bg-ink-100 px-3 py-1 text-xs text-ink-600 hover:bg-brand hover:text-white dark:bg-ink-800 dark:text-ink-200"
        >
          #{tag}
        </Link>
      ))}
    </div>
  );
}