"use client";
// Imported straight from motion/react, not from ./motion, to keep this leaf
// component free of a cycle (ui.tsx -> logo.tsx). Only used as a truthy check,
// so the hook's `null` initial value behaves the same as `false` here.
import { motion, useReducedMotion } from "motion/react";
/**
* The Kumasy mark, rebuilt as vector from public/icons/icon-512.png:
* a rounded stem plus a left-pointing triangle, forming a "k".
* Drawn on a 0 0 512 512 grid to match the source proportions.
*/
export function LogoMark({
className = "",
/** Rides on currentColor so it inverts on dark surfaces. */
title,
}: {
className?: string;
title?: string;
}) {
return (
);
}
/** Wordmark: the mark in an amber tile plus the name. */
export function Logo({ className = "" }: { className?: string }) {
const reduced = useReducedMotion();
return (
kumasy
);
}