import type { QuickRef } from "@/types/dungeon";

interface QuickRefBannerProps {
  data: QuickRef;
}

export function QuickRefBanner({ data }: QuickRefBannerProps) {
  return (
    <div
      className="frost border-accent-blue/15 bg-gradient-to-r from-accent-blue/[0.06] to-accent-purple/[0.06] px-5 py-4 text-lg leading-relaxed text-text-default lg:col-span-2 [&_a]:text-accent-cyan [&_a]:no-underline hover:[&_a]:underline [&_strong]:text-accent-amber"
      dangerouslySetInnerHTML={{ __html: data.html }}
    />
  );
}
