/** * HTML5 logo — generated by Logoforge (https://logoforge.terravidhal.me/logos/html5). * Artwork: gilbarbara/logos (CC0-1.0). HTML5 is a trademark of its respective owner. */ import type { SVGProps } from "react"; export type Html5LogoProps = Omit, "type"> & { /** "color" (brand colors, automatic dark mode) or "mono" (currentColor). */ variant?: "color" | "mono"; /** "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 IconDark = (props: SVGProps) => ; export function Html5Logo({ variant = "color", mode = "auto", title = "HTML5", className, ...props }: Html5LogoProps) { const shared = { height: "1em", ...(title ? { role: "img", "aria-label": title } : { "aria-hidden": true }), ...props, } as SVGProps; if (variant === "mono") return ; return mode === "light" ? ( ) : mode === "dark" ? ( ) : ( <> ); } export default Html5Logo;