import ArrowRightUp from "reicon/icons/ArrowRightUp";
import Maximize from "reicon/icons/Maximize";
import Minimize from "reicon/icons/Minimize";
import Moon from "reicon/icons/Moon";
import Refresh from "reicon/icons/Refresh";
import Sound from "reicon/icons/Sound";
import Sun from "reicon/icons/Sun";
import VolumeCross from "reicon/icons/VolumeCross";
const set = { ArrowRightUp, Maximize, Minimize, Moon, Refresh, Sound, Sun, VolumeCross };
// simple-icons' GitHub mark (CC0), padded to sit like Reicon's.
const GITHUB =
'';
export type IconName = keyof typeof set | "GitHub";
/** An 18px glyph at 1.5px in a 24px box. */
export function Icon({ name }: { name: IconName }) {
const svg = name === "GitHub" ? GITHUB : set[name].toSvg({ size: 24 });
return ;
}