interface LogoMarkProps {
  className?: string;
}

/**
 * The ksan.dev "Kd" monogram — two vertical bars (the K stem and d ascender)
 * with the K's arms and the d's bowl in brand purple. Geometry is taken
 * directly from the source artwork (kd.svg) and shared with app/icon.svg and
 * app/[locale]/opengraph-image.tsx so every surface uses the same mark.
 *
 * The bars use `currentColor` (pass a text color via `className`, e.g.
 * "text-white"); the arms/bowl are fixed to the brand purple.
 */
export function LogoMark({ className }: LogoMarkProps) {
  return (
    <svg
      viewBox="0 0 135.46666 135.46667"
      fill="currentColor"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      aria-hidden="true"
    >
      {/* K stem */}
      <rect x="10.583333" y="8.20364" width="13.804729" height="118.32624" />
      {/* d ascender */}
      <rect x="112.60719" y="8.2020836" width="13.804729" height="118.32624" />
      {/* K arms */}
      <path
        fill="#a78bfa"
        d="M 24.392675,67.364089 66.876115,126.5268 H 80.680844 L 38.057204,67.366755 80.677942,8.2059598 66.876115,8.2020832 Z"
      />
      {/* d bowl */}
      <path
        fill="#a78bfa"
        d="M 112.28492,126.5237 98.48174,126.5257 71.437499,88.862363 98.48174,51.458843 h 13.80472 L 85.153597,88.860364 Z"
      />
    </svg>
  );
}

export default LogoMark;
