type RooSportsLogoProps = {
  className?: string;
};

/** The shared wordmark used anywhere RooSports is the primary brand. */
export function RooSportsLogo({ className = "" }: RooSportsLogoProps) {
  return (
    <span
      aria-label="RooSports"
      className={`inline-flex items-start whitespace-nowrap font-extrabold leading-none tracking-[-0.075em] ${className}`}
    >
      <span>roosports</span>
      <sup className="ml-0.5 mt-[0.02em] text-[0.42em] leading-none tracking-normal">®</sup>
    </span>
  );
}