type PFRSamLogoProps = {
  width?: number;
  height?: number;
  animate?: boolean;
  fill?: string;
};

function PFRSamLogo({
  width = 124,
  height = 119,
  animate,
  fill,
}: PFRSamLogoProps) {
  const fillToUse = fill ? fill : "fill-current text-black dark:text-white";

  return (
    <svg
      aria-label="Icon: Person Inside Circle - Represents Human-Centered Research and Activities"
      className={`${fillToUse} ${animate ? "animate-spin-slow" : ""}`}
      height={height}
      id="pfr-logo"
      role="img"
      viewBox="0 0 124 119"
      width={width}
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M73.338 33.692c0 6.351-5.216 11.501-11.65 11.501-6.437 0-11.653-5.15-11.653-11.501 0-6.354 5.217-11.495 11.653-11.495 6.434-.001 11.65 5.141 11.65 11.495zM61.685 49.737c2.689 0 6.252-1.345 6.252-1.345.659-.244 1.694-.156 2.301.204l19.347 11.452c.605.36 1.102 1.224 1.102 1.92v5.637c0 .697-.529 1.029-1.171.741l-19.345-8.735c-.643-.289-1.167.044-1.167.738v19.586c0 .693.259 1.773.577 2.397l12.04 23.586c.662 1.132 1.342 1.521 2.687.797 17.2-8.294 29.08-25.729 29.08-45.854 0-28.125-23.194-51.01-51.702-51.01-28.505 0-51.698 22.885-51.698 51.01 0 20.126 11.881 37.559 29.079 45.854 1.347.725 2.026.335 2.689-.797l12.04-23.586c.316-.624.578-1.704.578-2.397V60.349c0-.694-.525-1.028-1.166-.738L33.86 68.344c-.644.287-1.168-.043-1.168-.741v-5.637c0-.696.495-1.558 1.099-1.92l19.348-11.452c.606-.359 1.64-.448 2.301-.204 0 0 3.564 1.345 6.251 1.345m-.017 43.169c-.594 0-1.185.381-1.63 1.135l-13.958 23.506c-.657 1.292-1.537 1.702-3.076 1.317C18.1 111.034 0 88.004 0 60.864 0 27.305 27.67 0 61.684 0c34.016 0 61.688 27.305 61.688 60.864 0 27.14-18.102 50.17-43.012 57.998-1.539.385-2.417-.027-3.077-1.317L63.328 94.039c-.446-.754-1.038-1.135-1.628-1.135h-.026z"
        fill={fill}
      ></path>
    </svg>
  );
}

export default PFRSamLogo;