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

/** material-symbols:description (Iconify MCP) — corps sans le pli. */
const BODY =
  "M8 18h8v-2H8zm0-4h8v-2H8zm-2 8q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h8l6 6v12q0 .825-.587 1.413T18 22z"
const FOLD = "M13 7h5l-5-5z"
const LINE_1 = "M8 18h8v-2H8z"
const LINE_2 = "M8 14h8v-2H8z"

/** Décalage vertical du pli blanc (viewBox 24). */
const FOLD_Y_OFFSET = 1

export function DocsLogoIcon({ className }: { className?: string }) {
  return (
    <svg
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
      className={cn("shrink-0", className)}
      aria-hidden
    >
      <path fill="#4285F4" d={BODY} />
      <path fill="#ffffff" d={LINE_1} />
      <path fill="#ffffff" d={LINE_2} />
      <path
        fill="#ffffff"
        d={FOLD}
        transform={`translate(0 ${FOLD_Y_OFFSET})`}
      />
    </svg>
  )
}
