type TrptkLogoProps = {
  width?: number;
};

export function TrptkLogo({ width }: TrptkLogoProps) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      id="Laag_2"
      data-name="Laag 2"
      viewBox="0 0 711.56 302.02"
      fill="currentcolor"
      width={width}
      height="auto"
      className="transition-colors duration-200 ease-in-out hover:text-trptkblue dark:hover:text-white"
    >
      <g id="Laag_1-2" data-name="Laag 1">
        <path
          d="M525.22 221.86c-27.55 0-45.44-15.39-45.44-47.59V84.45h83.61V62.62h-83.61V0H455.8v174.27c0 46.52 28.27 69.78 69.42 69.78 14.61 0 27.55-3 38.16-8.96v-31.34c-7.75 12.28-21.22 18.12-38.16 18.12ZM69.42 221.86c-27.55 0-45.44-15.39-45.44-47.59V84.45h83.61V62.62H23.98V0H0v174.27c0 46.52 28.27 69.78 69.42 69.78 14.61 0 27.55-3 38.16-8.96v-31.34c-7.75 12.28-21.22 18.12-38.16 18.12ZM249.22 152.08c0-56.9 39.72-94.11 94.47-94.11s95.54 39.36 95.54 93.76-39.72 92.32-91.61 92.32c-33.64 0-61.19-15.74-74.43-42.58l-.35 100.55h-23.62V152.09Zm165.68-1.07c0-40.79-28.63-70.85-70.85-70.85s-70.85 30.06-70.85 70.85 28.27 70.85 70.85 70.85 70.85-30.06 70.85-70.85ZM577.01 0h23.98v147.29l73.36-79.08h33.64l-81.59 85.88 85.17 90.89h-33.99L601 160.89v84.09h-23.98V0ZM199.04 60.3c-20.26 0-37.62 5.24-50.48 15.84V62.8h-23.95v178.92h23.98V135.8c0-36.86 20.04-53.32 50.46-53.32 22.64 0 39.8 9.35 46.89 29.71 3.3-9.35 7.81-17.86 13.39-25.4-12.92-17.79-34.14-26.5-60.28-26.5Z"
          className="cls-1"
        />
      </g>
    </svg>
  );
}