import { suitePublicAsset } from "@/lib/suite/suite-public-asset"
import { cn } from "@/lib/utils"

const AGENDA_MARK_LIGHT = suitePublicAsset("/agenda-mark.svg")
const AGENDA_MARK_DARK = suitePublicAsset("/agenda-mark-dark.svg")

export function AgendaMark({
  className,
  alt = "",
}: {
  className?: string
  alt?: string
}) {
  return (
    <>
      <img
        src={AGENDA_MARK_LIGHT}
        alt={alt}
        className={cn(className, "dark:hidden")}
        draggable={false}
        aria-hidden={alt === ""}
      />
      <img
        src={AGENDA_MARK_DARK}
        alt={alt}
        className={cn(className, "hidden dark:block")}
        draggable={false}
        aria-hidden={alt === ""}
      />
    </>
  )
}