import type { CSSProperties } from "react"; import { appName } from "@/lib/shared"; type WordmarkProps = { className?: string; style?: CSSProperties; }; /** * Inline "deepteam" wordmark. * * Rendered inline (not via a CSS `mask`) so the artwork can carry two * colors: the lettering follows the active theme through `currentColor`, * while the trailing dot keeps the DeepTeam brand pink. A mask would * collapse everything to a single fill. * * The viewBox is widened past the original 360 so the enlarged dot * (whose right edge sits beyond the original glyph bounds) isn't clipped. */ const Wordmark: React.FC = ({ className, style }) => ( {/* Brand-pink dot. Drawn as a circle (instead of the original smaller path) so its size is easy to tune; bottom-aligned to the wordmark baseline at y≈51.73 and centered on the original dot. */} ); export default Wordmark;