import type { CampusId } from '@/shared/types/app';

type MascotIconProps = {
  mascot: CampusId;
  size?: number;
  className?: string;
};

export function MascotIcon({ mascot, size = 32, className = '' }: MascotIconProps) {
  const title = mascot.trim() || 'Campus';
  const commonProps = {
    width: size,
    height: size,
    viewBox: '0 0 48 48',
    fill: 'none',
    className,
  };

  return (
    <svg {...commonProps}>
      <title>{title}</title>
      <circle cx="24" cy="24" r="20" fill="currentColor" fillOpacity="0.15" />
      <path d="M14 18h20M16 18v18h16V18M20 36V24h8v12M19 14h10l3 4H16l3-4z" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}
