import { cn } from "@/lib/utils";

export function Logo({ className }: { className?: string }) {
  return (
    <span
      aria-label="Markdown Viewer"
      className={cn("inline-flex items-center gap-2 font-semibold tracking-tight", className)}
    >
      <span
        aria-hidden="true"
        className="grid h-7 w-9 place-items-center rounded-md bg-foreground text-background"
      >
        <svg
          viewBox="0 0 24 16"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          className="h-3.5 w-5"
        >
          <path
            d="M2 14V2h3l3 4 3-4h3v12h-3V7L9 11 6 7v7H2zm17 0-4-4h3V2h2v8h3l-4 4z"
            fill="currentColor"
          />
        </svg>
      </span>
      <span className="text-base">Markdown Viewer</span>
    </span>
  );
}