/** Diegetic keyword fog for deep vertical chrome — improves atmosphere and internal crawler token density. */
export default function LexiconStrip({
  label,
  tags,
  className = "",
}: {
  label: string;
  tags: readonly string[];
  className?: string;
}) {
  return (
    <div className={`border-t border-white/10 px-1 py-2 ${className}`}>
      <p className="mb-1.5 font-mono text-[8px] uppercase tracking-[0.35em] opacity-50">{label}</p>
      <div className="flex flex-wrap gap-1">
        {tags.map((t) => (
          <span
            key={t}
            className="rounded border border-white/10 px-1.5 py-0.5 font-mono text-[8px] leading-none opacity-60"
          >
            {t}
          </span>
        ))}
      </div>
    </div>
  );
}
