import type * as React from "react";
import { BrandIcon } from "@reactive-resume/ui/components/brand-icon";

// The component builds its src from /logo|/icon static paths that the preview
// server does not serve, so we override `src` with the real inlined SVG assets.
const LOGO_SRC =
	"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cjx0aXRsZT5SZWFjdGl2ZSBSZXN1bWU8L3RpdGxlPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE4My42MDMgMTg0LjcyMkwxNTYuNzQgMjIwSDE4My41NDVMMTk3LjAzMiAyMDEuNTRMMjA5LjcwMSAyMjBIMjM3LjkzOEwyMTEuMDA4IDE4My44NzRMMjExLjAxMiAxODMuODY4TDIxMC44NTkgMTgzLjY3NUwyMDUuOTI3IDE3Ny40NDRMMTk3Ljg5NCAxNjcuMjk0TDE5Ny44ODIgMTY3LjMxTDE5Ny42OTMgMTY3LjA0MUwxOTYuOTI2IDE2Ni4wNzJMMTk2Ljk4MiAxNjYuMDI3TDE4NS4zNjcgMTQ5LjQ3MkgxNTcuNTJMMTgzLjYwMyAxODQuNzIyWk0yMDAuOTQ4IDE2My4wOTlMMjE0LjEyNyAxNzkuNzQ5TDIzNy4wMjcgMTQ5LjQ3MkgyMTAuODcyTDIwMC45NDggMTYzLjA5OVoiIGZpbGw9IiMwOTA5MEIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02OS4xMDg3IDk4LjkxMjVWMTkwSDk0Ljg3MzVWMTY1Ljc5N0gxMDguOTM4TDEwOC45MzggMTY1Ljc5N0MxMDguOTQzIDE2NS43OTcgMTA4Ljk0OCAxNjUuNzk3IDEwOC45NTMgMTY1Ljc5N0MxMTguMzc3IDE2NS4zODEgMTI1LjI4NSAxNjQuNDQ4IDEzMy4wOTQgMTYxLjQ5NEMxMzMuMTk1IDE2MS40NTUgMTMzLjI5NiAxNjEuNDE3IDEzMy4zOTcgMTYxLjM3OEwxMzMuMzgyIDE2MS4zNTZDMTM4Ljg5MyAxNTguNzA1IDE0My4xOSAxNTUuMDY2IDE0Ni4yNzMgMTUwLjQ0MkMxNDkuNTY5IDE0NS40MSAxNTEuMjE4IDEzOS40NjggMTUxLjIxOCAxMzIuNjE1QzE1MS4yMTggMTI1LjY3NSAxNDkuNTY5IDExOS42ODkgMTQ2LjI3MyAxMTQuNjU4QzE0Mi45NzYgMTA5LjUzOSAxMzguMjkyIDEwNS42MzYgMTMyLjIxOSAxMDIuOTQ2QzEyNi4yMzQgMTAwLjI1NyAxMTkuMDc3IDk4LjkxMjUgMTEwLjc0OSA5OC45MTI1SDY5LjEwODdaTTEzNi40NTYgMTY1LjgzNkwxMTEuODY3IDE3MC4wOUwxMjUuNDUzIDE5MEgxNTMuMDM5TDEzNi40NTYgMTY1LjgzNlpNOTQuODczNSAxNDUuODg4SDEwOS4xODdDMTE0LjU2NiAxNDUuODg4IDExOC41NTYgMTQ0LjcxNiAxMjEuMTU5IDE0Mi4zNzRDMTIzLjg0OCAxNDAuMDMyIDEyNS4xOTMgMTM2Ljc3OSAxMjUuMTkzIDEzMi42MTVDMTI1LjE5MyAxMjguMzY0IDEyMy44NDggMTI1LjA2OCAxMjEuMTU5IDEyMi43MjVDMTE4LjU1NiAxMjAuMzgzIDExNC41NjYgMTE5LjIxMiAxMDkuMTg3IDExOS4yMTJIOTQuODczNVYxNDUuODg4WiIgZmlsbD0iIzA5MDkwQiIvPgo8cGF0aCBkPSJNNjkuNiAyODhWMjMySDk1LjJDMTAwLjMyIDIzMiAxMDQuNzIgMjMyLjgyNyAxMDguNCAyMzQuNDhDMTEyLjEzMyAyMzYuMTMzIDExNS4wMTMgMjM4LjUzMyAxMTcuMDQgMjQxLjY4QzExOS4wNjcgMjQ0Ljc3MyAxMjAuMDggMjQ4LjQ1MyAxMjAuMDggMjUyLjcyQzEyMC4wOCAyNTYuOTMzIDExOS4wNjcgMjYwLjU4NyAxMTcuMDQgMjYzLjY4QzExNS4wMTMgMjY2LjcyIDExMi4xMzMgMjY5LjA2NyAxMDguNCAyNzAuNzJDMTA0LjcyIDI3Mi4zMiAxMDAuMzIgMjczLjEyIDk1LjIgMjczLjEySDc4LjRMODUuNDQgMjY2LjQ4VjI4OEg2OS42Wk0xMDQuMjQgMjg4TDkwLjMyIDI2Ny42SDEwNy4yTDEyMS4yIDI4OEgxMDQuMjRaTTg1LjQ0IDI2OC4xNkw3OC40IDI2MC44OEg5NC4yNEM5Ny41NDY3IDI2MC44OCAxMDAgMjYwLjE2IDEwMS42IDI1OC43MkMxMDMuMjUzIDI1Ny4yOCAxMDQuMDggMjU1LjI4IDEwNC4wOCAyNTIuNzJDMTA0LjA4IDI1MC4xMDcgMTAzLjI1MyAyNDguMDggMTAxLjYgMjQ2LjY0QzEwMCAyNDUuMiA5Ny41NDY3IDI0NC40OCA5NC4yNCAyNDQuNDhINzguNEw4NS40NCAyMzcuMlYyNjguMTZaTTE1MC44MTkgMjg4LjcyQzE0NS42OTkgMjg4LjcyIDE0MS4yMTkgMjg3Ljc2IDEzNy4zNzkgMjg1Ljg0QzEzMy41OTIgMjgzLjg2NyAxMzAuNjMyIDI4MS4yIDEyOC40OTkgMjc3Ljg0QzEyNi40MTkgMjc0LjQyNyAxMjUuMzc5IDI3MC41NiAxMjUuMzc5IDI2Ni4yNEMxMjUuMzc5IDI2MS45MiAxMjYuMzkyIDI1OC4wOCAxMjguNDE5IDI1NC43MkMxMzAuNDk5IDI1MS4zMDcgMTMzLjM1MiAyNDguNjY3IDEzNi45NzkgMjQ2LjhDMTQwLjYwNSAyNDQuODggMTQ0LjY4NSAyNDMuOTIgMTQ5LjIxOSAyNDMuOTJDMTUzLjQ4NSAyNDMuOTIgMTU3LjM3OSAyNDQuOCAxNjAuODk5IDI0Ni41NkMxNjQuNDE5IDI0OC4yNjcgMTY3LjIxOSAyNTAuOCAxNjkuMjk5IDI1NC4xNkMxNzEuMzc5IDI1Ny41MiAxNzIuNDE5IDI2MS42IDE3Mi40MTkgMjY2LjRDMTcyLjQxOSAyNjYuOTMzIDE3Mi4zOTIgMjY3LjU0NyAxNzIuMzM5IDI2OC4yNEMxNzIuMjg1IDI2OC45MzMgMTcyLjIzMiAyNjkuNTczIDE3Mi4xNzkgMjcwLjE2SDEzNy44NTlWMjYyLjE2SDE2NC4wOTlMMTU4LjMzOSAyNjQuNEMxNTguMzkyIDI2Mi40MjcgMTU4LjAxOSAyNjAuNzIgMTU3LjIxOSAyNTkuMjhDMTU2LjQ3MiAyNTcuODQgMTU1LjQwNSAyNTYuNzIgMTU0LjAxOSAyNTUuOTJDMTUyLjY4NSAyNTUuMTIgMTUxLjExMiAyNTQuNzIgMTQ5LjI5OSAyNTQuNzJDMTQ3LjQ4NSAyNTQuNzIgMTQ1Ljg4NSAyNTUuMTIgMTQ0LjQ5OSAyNTUuOTJDMTQzLjE2NSAyNTYuNzIgMTQyLjEyNSAyNTcuODY3IDE0MS4zNzkgMjU5LjM2QzE0MC42MzIgMjYwLjggMTQwLjI1OSAyNjIuNTA3IDE0MC4yNTkgMjY0LjQ4VjI2Ni44QzE0MC4yNTkgMjY4LjkzMyAxNDAuNjg1IDI3MC43NzMgMTQxLjUzOSAyNzIuMzJDMTQyLjQ0NSAyNzMuODY3IDE0My43MjUgMjc1LjA2NyAxNDUuMzc5IDI3NS45MkMxNDcuMDMyIDI3Ni43MiAxNDkuMDA1IDI3Ny4xMiAxNTEuMjk5IDI3Ny4xMkMxNTMuNDMyIDI3Ny4xMiAxNTUuMjQ1IDI3Ni44MjcgMTU2LjczOSAyNzYuMjRDMTU4LjI4NSAyNzUuNiAxNTkuODA1IDI3NC42NCAxNjEuMjk5IDI3My4zNkwxNjkuMjk5IDI4MS42OEMxNjcuMjE5IDI4My45NzMgMTY0LjY1OSAyODUuNzMzIDE2MS42MTkgMjg2Ljk2QzE1OC41NzkgMjg4LjEzMyAxNTQuOTc5IDI4OC43MiAxNTAuODE5IDI4OC43MlpNMTk1LjE4NyAyODguNzJDMTkxLjUwNyAyODguNzIgMTg3LjkwNyAyODguMjkzIDE4NC4zODcgMjg3LjQ0QzE4MC45MiAyODYuNTg3IDE3OC4xMiAyODUuNTIgMTc1Ljk4NyAyODQuMjRMMTgwLjU0NyAyNzMuODRDMTgyLjU3NCAyNzUuMDY3IDE4NC45NDcgMjc2LjA1MyAxODcuNjY3IDI3Ni44QzE5MC4zODcgMjc3LjQ5MyAxOTMuMDU0IDI3Ny44NCAxOTUuNjY3IDI3Ny44NEMxOTguMjI3IDI3Ny44NCAxOTkuOTg3IDI3Ny41NzMgMjAwLjk0NyAyNzcuMDRDMjAxLjk2IDI3Ni41MDcgMjAyLjQ2NyAyNzUuNzg3IDIwMi40NjcgMjc0Ljg4QzIwMi40NjcgMjc0LjAyNyAyMDEuOTg3IDI3My40MTMgMjAxLjAyNyAyNzMuMDRDMjAwLjEyIDI3Mi42MTMgMTk4Ljg5NCAyNzIuMjkzIDE5Ny4zNDcgMjcyLjA4QzE5NS44NTQgMjcxLjg2NyAxOTQuMiAyNzEuNjI3IDE5Mi4zODcgMjcxLjM2QzE5MC41NzQgMjcxLjA5MyAxODguNzM0IDI3MC43NDcgMTg2Ljg2NyAyNzAuMzJDMTg1LjA1NCAyNjkuODQgMTgzLjM3NCAyNjkuMTQ3IDE4MS44MjcgMjY4LjI0QzE4MC4zMzQgMjY3LjI4IDE3OS4xMzQgMjY2IDE3OC4yMjcgMjY0LjRDMTc3LjMyIDI2Mi44IDE3Ni44NjcgMjYwLjc3MyAxNzYuODY3IDI1OC4zMkMxNzYuODY3IDI1NS41NDcgMTc3LjY2NyAyNTMuMDkzIDE3OS4yNjcgMjUwLjk2QzE4MC45MiAyNDguNzczIDE4My4zMiAyNDcuMDY3IDE4Ni40NjcgMjQ1Ljg0QzE4OS42MTQgMjQ0LjU2IDE5My40NTQgMjQzLjkyIDE5Ny45ODcgMjQzLjkyQzIwMS4wMjcgMjQzLjkyIDIwNC4wOTQgMjQ0LjI0IDIwNy4xODcgMjQ0Ljg4QzIxMC4zMzQgMjQ1LjQ2NyAyMTIuOTc0IDI0Ni4zNzMgMjE1LjEwNyAyNDcuNkwyMTAuNTQ3IDI1Ny45MkMyMDguNDE0IDI1Ni42OTMgMjA2LjI4IDI1NS44NjcgMjA0LjE0NyAyNTUuNDRDMjAyLjAxNCAyNTQuOTYgMTk5Ljk4NyAyNTQuNzIgMTk4LjA2NyAyNTQuNzJDMTk1LjUwNyAyNTQuNzIgMTkzLjY5NCAyNTUuMDEzIDE5Mi42MjcgMjU1LjZDMTkxLjYxNCAyNTYuMTg3IDE5MS4xMDcgMjU2LjkwNyAxOTEuMTA3IDI1Ny43NkMxOTEuMTA3IDI1OC42MTMgMTkxLjU2IDI1OS4yOCAxOTIuNDY3IDI1OS43NkMxOTMuMzc0IDI2MC4xODcgMTk0LjU3NCAyNjAuNTMzIDE5Ni4wNjcgMjYwLjhDMTk3LjYxNCAyNjEuMDEzIDE5OS4yOTQgMjYxLjI1MyAyMDEuMTA3IDI2MS41MkMyMDIuOTIgMjYxLjczMyAyMDQuNzM0IDI2Mi4wOCAyMDYuNTQ3IDI2Mi41NkMyMDguNDE0IDI2My4wNCAyMTAuMDk0IDI2My43NiAyMTEuNTg3IDI2NC43MkMyMTMuMTM0IDI2NS42MjcgMjE0LjM2IDI2Ni44OCAyMTUuMjY3IDI2OC40OEMyMTYuMTc0IDI3MC4wMjcgMjE2LjYyNyAyNzIuMDI3IDIxNi42MjcgMjc0LjQ4QzIxNi42MjcgMjc3LjE0NyAyMTUuOCAyNzkuNTQ3IDIxNC4xNDcgMjgxLjY4QzIxMi41NDcgMjgzLjgxMyAyMTAuMTQ3IDI4NS41MiAyMDYuOTQ3IDI4Ni44QzIwMy44IDI4OC4wOCAxOTkuODggMjg4LjcyIDE5NS4xODcgMjg4LjcyWk0yNDEuNDE3IDI4OC43MkMyMzcuODk3IDI4OC43MiAyMzQuNzI0IDI4OC4wMjcgMjMxLjg5NyAyODYuNjRDMjI5LjEyNCAyODUuMjUzIDIyNi45MzcgMjgzLjA5MyAyMjUuMzM3IDI4MC4xNkMyMjMuNzkgMjc3LjE3MyAyMjMuMDE3IDI3My40MTMgMjIzLjAxNyAyNjguODhWMjQ0LjY0SDIzOC4yMTdWMjY2LjRDMjM4LjIxNyAyNjkuNzYgMjM4LjgzIDI3Mi4xNiAyNDAuMDU3IDI3My42QzI0MS4zMzcgMjc1LjA0IDI0My4xMjQgMjc1Ljc2IDI0NS40MTcgMjc1Ljc2QzI0Ni45MSAyNzUuNzYgMjQ4LjI3IDI3NS40MTMgMjQ5LjQ5NyAyNzQuNzJDMjUwLjcyNCAyNzQuMDI3IDI1MS43MSAyNzIuOTMzIDI1Mi40NTcgMjcxLjQ0QzI1My4yMDQgMjY5Ljg5MyAyNTMuNTc3IDI2Ny45MiAyNTMuNTc3IDI2NS41MlYyNDQuNjRIMjY4Ljc3N1YyODhIMjU0LjI5N1YyNzUuNzZMMjU3LjA5NyAyNzkuMkMyNTUuNjA0IDI4Mi40IDI1My40NDQgMjg0LjggMjUwLjYxNyAyODYuNEMyNDcuNzkgMjg3Ljk0NyAyNDQuNzI0IDI4OC43MiAyNDEuNDE3IDI4OC43MlpNMzM1LjA0OCAyNDMuOTJDMzM4LjQwOCAyNDMuOTIgMzQxLjM5NCAyNDQuNjEzIDM0NC4wMDggMjQ2QzM0Ni42NzQgMjQ3LjMzMyAzNDguNzU0IDI0OS40MTMgMzUwLjI0OCAyNTIuMjRDMzUxLjc5NCAyNTUuMDY3IDM1Mi41NjggMjU4LjcyIDM1Mi41NjggMjYzLjJWMjg4SDMzNy4zNjhWMjY1LjY4QzMzNy4zNjggMjYyLjU4NyAzMzYuNzgxIDI2MC4zNDcgMzM1LjYwOCAyNTguOTZDMzM0LjQzNCAyNTcuNTIgMzMyLjgzNCAyNTYuOCAzMzAuODA4IDI1Ni44QzMyOS4zNjggMjU2LjggMzI4LjA2MSAyNTcuMTQ3IDMyNi44ODggMjU3Ljg0QzMyNS43MTQgMjU4LjUzMyAzMjQuODA4IDI1OS42IDMyNC4xNjggMjYxLjA0QzMyMy41MjggMjYyLjQyNyAzMjMuMjA4IDI2NC4yNCAzMjMuMjA4IDI2Ni40OFYyODhIMzA4LjAwOFYyNjUuNjhDMzA4LjAwOCAyNjIuNTg3IDMwNy40MjEgMjYwLjM0NyAzMDYuMjQ4IDI1OC45NkMzMDUuMTI4IDI1Ny41MiAzMDMuNTI4IDI1Ni44IDMwMS40NDggMjU2LjhDMzAwLjQ1NCAyNTYuOCAyOTguNjIxIDI1Ny4xNDcgMjk3LjQ0OCAyNTcuODRDMjk2LjMyOCAyNTguNTMzIDI5NS40MjEgMjU5LjYgMjk0LjcyOCAyNjEuMDRDMjk0LjA4OCAyNjIuNDI3IDI5My43NjggMjY0LjI0IDI5My43NjggMjY2LjQ4VjI4OEgyNzguNTY4VjI0NC42NEgyOTMuMDQ4VjI1Ni43MkwyOTAuMTY4IDI1My4yOEMyOTEuNzY4IDI1MC4xODcgMjkzLjk1NCAyNDcuODY3IDI5Ni43MjggMjQ2LjMyQzI5OS41MDEgMjQ0LjcyIDMwMi41OTQgMjQzLjkyIDMwNi4wMDggMjQzLjkyQzMwOS45MDEgMjQzLjkyIDMxMy4zMTQgMjQ0LjkzMyAzMTYuMjQ4IDI0Ni45NkMzMTkuMjM0IDI0OC45MzMgMzIxLjIzNCAyNTIuMDI3IDMyMi4yNDggMjU2LjI0TDMxNy4yODggMjU1LjJDMzE4LjgzNCAyNTEuNjggMzIxLjE1NCAyNDguOTMzIDMyNC4yNDggMjQ2Ljk2QzMyNy4zOTQgMjQ0LjkzMyAzMzAuOTk0IDI0My45MiAzMzUuMDQ4IDI0My45MlpNMzg1LjQyOCAyODguNzJDMzgwLjMwOCAyODguNzIgMzc1LjgyOCAyODcuNzYgMzcxLjk4OCAyODUuODRDMzY4LjIwMSAyODMuODY3IDM2NS4yNDEgMjgxLjIgMzYzLjEwOCAyNzcuODRDMzYxLjAyOCAyNzQuNDI3IDM1OS45ODggMjcwLjU2IDM1OS45ODggMjY2LjI0QzM1OS45ODggMjYxLjkyIDM2MS4wMDEgMjU4LjA4IDM2My4wMjggMjU0LjcyQzM2NS4xMDggMjUxLjMwNyAzNjcuOTYxIDI0OC42NjcgMzcxLjU4OCAyNDYuOEMzNzUuMjE1IDI0NC44OCAzNzkuMjk1IDI0My45MiAzODMuODI4IDI0My45MkMzODguMDk1IDI0My45MiAzOTEuOTg4IDI0NC44IDM5NS41MDggMjQ2LjU2QzM5OS4wMjggMjQ4LjI2NyA0MDEuODI4IDI1MC44IDQwMy45MDggMjU0LjE2QzQwNS45ODggMjU3LjUyIDQwNy4wMjggMjYxLjYgNDA3LjAyOCAyNjYuNEM0MDcuMDI4IDI2Ni45MzMgNDA3LjAwMSAyNjcuNTQ3IDQwNi45NDggMjY4LjI0QzQwNi44OTUgMjY4LjkzMyA0MDYuODQxIDI2OS41NzMgNDA2Ljc4OCAyNzAuMTZIMzcyLjQ2OFYyNjIuMTZIMzk4LjcwOEwzOTIuOTQ4IDI2NC40QzM5My4wMDEgMjYyLjQyNyAzOTIuNjI4IDI2MC43MiAzOTEuODI4IDI1OS4yOEMzOTEuMDgxIDI1Ny44NCAzOTAuMDE1IDI1Ni43MiAzODguNjI4IDI1NS45MkMzODcuMjk1IDI1NS4xMiAzODUuNzIxIDI1NC43MiAzODMuOTA4IDI1NC43MkMzODIuMDk1IDI1NC43MiAzODAuNDk1IDI1NS4xMiAzNzkuMTA4IDI1NS45MkMzNzcuNzc1IDI1Ni43MiAzNzYuNzM1IDI1Ny44NjcgMzc1Ljk4OCAyNTkuMzZDMzc1LjI0MSAyNjAuOCAzNzQuODY4IDI2Mi41MDcgMzc0Ljg2OCAyNjQuNDhWMjY2LjhDMzc0Ljg2OCAyNjguOTMzIDM3NS4yOTUgMjcwLjc3MyAzNzYuMTQ4IDI3Mi4zMkMzNzcuMDU1IDI3My44NjcgMzc4LjMzNSAyNzUuMDY3IDM3OS45ODggMjc1LjkyQzM4MS42NDEgMjc2LjcyIDM4My42MTUgMjc3LjEyIDM4NS45MDggMjc3LjEyQzM4OC4wNDEgMjc3LjEyIDM4OS44NTUgMjc2LjgyNyAzOTEuMzQ4IDI3Ni4yNEMzOTIuODk1IDI3NS42IDM5NC40MTUgMjc0LjY0IDM5NS45MDggMjczLjM2TDQwMy45MDggMjgxLjY4QzQwMS44MjggMjgzLjk3MyAzOTkuMjY4IDI4NS43MzMgMzk2LjIyOCAyODYuOTZDMzkzLjE4OCAyODguMTMzIDM4OS41ODggMjg4LjcyIDM4NS40MjggMjg4LjcyWiIgZmlsbD0iIzA5MDkwQiIvPgo8bGluZSBvcGFjaXR5PSIwLjEiIHgxPSI2MCIgeTE9IjM1OCIgeDI9IjM2MCIgeTI9IjM1OCIgc3Ryb2tlPSIjMDkwOTBCIiBzdHJva2Utd2lkdGg9IjIwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTYiLz4KPGxpbmUgb3BhY2l0eT0iMC4yIiB4MT0iNjAiIHkxPSIzOTgiIHgyPSIzMDAiIHkyPSIzOTgiIHN0cm9rZT0iIzA5MDkwQiIgc3Ryb2tlLXdpZHRoPSIyMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjE2Ii8+CjxsaW5lIG9wYWNpdHk9IjAuMSIgeDE9IjYwIiB5MT0iNDM4IiB4Mj0iMjQwIiB5Mj0iNDM4IiBzdHJva2U9IiMwOTA5MEIiIHN0cm9rZS13aWR0aD0iMjAiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIvPgo8L3N2Zz4K";
const ICON_SRC =
	"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cjx0aXRsZT5SZWFjdGl2ZSBSZXN1bWU8L3RpdGxlPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE3My42MTEgMTY2LjMxMUwxMzIuODc3IDIxOS44MDRIMTczLjUyNEwxOTMuOTczIDE5MS44MTNMMjEzLjE4MyAyMTkuODA0SDI1NkwyMTUuNjczIDE2NS43MDdMMjE1LjE1IDE2NS4wNDZMMjA3LjQ2MSAxNTUuMzMyTDE5NS4zMjkgMTQwLjAwNEwxOTUuMjU4IDEzOS45MTVMMTkzLjgxMyAxMzguMDg5TDE5My45MjMgMTM4LjAwMUwxNzYuMjg2IDExMi44NjFIMTM0LjA2MUwxNzMuNjExIDE2Ni4zMTFaTTE5OS44OSAxMzMuNTU0TDIxNC45NTkgMTEyLjg2MUgyNTQuNjE5TDIxOS44NzQgMTU4LjhMMTk5Ljg5IDEzMy41NTRaIiBmaWxsPSIjMDkwOTBCIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAzNi4xOTU5VjE3NC4zMTRIMzkuMDY3OFYxMzcuNjE0SDYwLjM5MzhMNjAuNDMyMyAxMzcuNjcxQzYwLjg0MzYgMTM3LjY1MyA2MS4yNTE4IDEzNy42MzQgNjEuNjU2OSAxMzcuNjE0Qzc1LjA2NjUgMTM2Ljk2OCA4NS4xNDcxIDEzNS41NDkgOTYuMzg0OSAxMzEuMzg1Qzk2Ljc1OTYgMTMxLjI0NiA5Ny4xMzU1IDEzMS4xMDQgOTcuNTEyOCAxMzAuOTU5TDk3LjQ1OTEgMTMwLjg4MUMxMDUuODE2IDEyNi44NiAxMTIuMzMxIDEyMS4zNDQgMTE3LjAwNiAxMTQuMzMxQzEyMi4wMDUgMTA2LjcwMiAxMjQuNTA0IDk3LjY5MTUgMTI0LjUwNCA4Ny4yOTk3QzEyNC41MDQgNzYuNzc2NCAxMjIuMDA1IDY3LjcgMTE3LjAwNiA2MC4wNzA2QzExMi4wMDcgNTIuMzA5NyAxMDQuOTA0IDQ2LjM5MDMgOTUuNjk2NCA0Mi4zMTI1Qzg2LjYyIDM4LjIzNDcgNzUuNzY3OCAzNi4xOTU5IDYzLjEzOTkgMzYuMTk1OUgwWk0xMDIuMTU2IDEzNy43MjVMNjQuODcwNSAxNDQuMTc1TDg1LjQzNjEgMTc0LjMxNEgxMjcuMjY2TDEwMi4xNTYgMTM3LjcyNVpNMzkuMDY3OCAxMDcuNDI2SDYwLjc3MjFDNjguOTI3NyAxMDcuNDI2IDc0Ljk3ODYgMTA1LjY1IDc4LjkyNDggMTAyLjA5OEM4My4wMDI2IDk4LjU0NjUgODUuMDQxNSA5My42MTM3IDg1LjA0MTUgODcuMjk5N0M4NS4wNDE1IDgwLjg1NDIgODMuMDAyNiA3NS44NTU2IDc4LjkyNDggNzIuMzA0Qzc0Ljk3ODYgNjguNzUyMyA2OC45Mjc3IDY2Ljk3NjUgNjAuNzcyMSA2Ni45NzY1SDM5LjA2NzhWMTA3LjQyNloiIGZpbGw9IiMwOTA5MEIiLz4KPC9zdmc+Cg==";

const wrap: React.CSSProperties = { display: "flex", alignItems: "center", gap: 32, padding: 24 };
const cell: React.CSSProperties = { display: "flex", flexDirection: "column", alignItems: "center", gap: 8 };
const label: React.CSSProperties = { fontSize: 12, color: "var(--muted-foreground)" };

export const Logo = () => (
	<div style={wrap}>
		<div style={cell}>
			<BrandIcon variant="logo" src={LOGO_SRC} style={{ width: 160, height: "auto" }} />
			<span style={label}>variant="logo"</span>
		</div>
	</div>
);

export const Icon = () => (
	<div style={wrap}>
		<div style={cell}>
			<BrandIcon variant="icon" src={ICON_SRC} style={{ width: 48, height: 48 }} />
			<span style={label}>variant="icon"</span>
		</div>
		<div style={cell}>
			<BrandIcon variant="icon" src={ICON_SRC} style={{ width: 32, height: 32 }} />
			<span style={label}>compact</span>
		</div>
	</div>
);
