import {
  DOCS_LOGO_BODY,
  DOCS_LOGO_COLOR,
  DOCS_LOGO_FOLD,
  DOCS_LOGO_FOLD_Y_OFFSET,
  DOCS_LOGO_LINE_1,
  DOCS_LOGO_LINE_2,
} from "@/lib/drive/docs-logo-paths"
import { cn } from "@/lib/utils"

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={DOCS_LOGO_COLOR} d={DOCS_LOGO_BODY} />
      <path fill="#ffffff" d={DOCS_LOGO_LINE_1} />
      <path fill="#ffffff" d={DOCS_LOGO_LINE_2} />
      <path
        fill="#ffffff"
        d={DOCS_LOGO_FOLD}
        transform={`translate(0 ${DOCS_LOGO_FOLD_Y_OFFSET})`}
      />
    </svg>
  )
}
