/** * MDX logo — generated by Logoforge (https://logoforge.terravidhal.me/logos/mdx). * Artwork: Simple Icons (CC0-1.0). MDX is a trademark of its respective owner. */ import type { SVGProps } from "react"; export type MdxLogoProps = Omit, "type"> & { /** "color" (brand colors, automatic dark mode) or "mono" (currentColor). */ variant?: "color" | "mono"; /** "icon" (the mark) or "wordmark" (the full lockup). */ type?: "icon" | "wordmark"; /** "auto" swaps with your `.dark` class (Tailwind); "light" / "dark" force one file. */ mode?: "auto" | "light" | "dark"; /** Accessible name. Pass "" when the logo is decorative. */ title?: string; }; const join = (...classes: (string | undefined)[]) => classes.filter(Boolean).join(" "); const Icon = (props: SVGProps) => ; const IconMono = (props: SVGProps) => ; const Wordmark = (props: SVGProps) => ; const IconDark = (props: SVGProps) => ; const WordmarkDark = (props: SVGProps) => ; export function MdxLogo({ variant = "color", type = "icon", mode = "auto", title = "MDX", className, ...props }: MdxLogoProps) { const shared = { height: "1em", ...(title ? { role: "img", "aria-label": title } : { "aria-hidden": true }), ...props, } as SVGProps; if (type === "wordmark") { return mode === "light" ? ( ) : mode === "dark" ? ( ) : ( <> ); } if (variant === "mono") return ; return mode === "light" ? ( ) : mode === "dark" ? ( ) : ( <> ); } export default MdxLogo;