import { cn } from "@/lib/utils";

type CabifyProps = {
  className: string;
};

const Cabify = ({ className }: CabifyProps) => {
  return (
    <svg viewBox="0 0 1200 400" className={cn("fill-current transition-colors", className)}>
      <title>Cabify logo</title>
      <path
        className="fill-inherit [fill-rule:evenodd] [clip-rule:evenodd]"
        d="M500,200V3.6h50v101.9c18.3-12.5,40.4-19.8,64.3-19.8c63.1,0,114.3,51.2,114.3,114.3s-51.2,114.3-114.3,114.3   S500,263.1,500,200z M614.3,264.3c-35.5,0-64.3-28.8-64.3-64.3s28.8-64.3,64.3-64.3s64.3,28.8,64.3,64.3S649.8,264.3,614.3,264.3z"
      />
      <path
        className="fill-inherit"
        d="M425,294.5v16.2h50V200c0-63.1-51.2-114.3-114.3-114.3c-63.1,0-114.3,51.2-114.3,114.3s51.2,114.3,114.3,114.3   C384.5,314.3,406.7,307,425,294.5z M296.4,200c0-35.5,28.8-64.3,64.3-64.3c35.5,0,64.3,28.8,64.3,64.3s-28.8,64.3-64.3,64.3   C325.2,264.3,296.4,235.5,296.4,200z"
      />
      <path
        className="fill-inherit"
        d="M114.3,135.7C78.8,135.7,50,164.5,50,200s28.8,64.3,64.3,64.3c26.6,0,49.5-16.2,59.2-39.3h52.3   c-11.4,51.1-57,89.3-111.5,89.3C51.2,314.3,0,263.1,0,200S51.2,85.7,114.3,85.7c54.5,0,100.1,38.2,111.5,89.3h-52.3   C163.8,151.9,140.9,135.7,114.3,135.7z"
      />
      <path className="fill-inherit" d="M757.1,89.3v221.4h50V89.3H757.1z" />
      <path
        className="fill-inherit"
        d="M988.4,7.4C977.8,2.6,966,0,953.6,0c-47.3,0-85.7,38.4-85.7,85.7v3.6l-32.1,0v50h32.1v171.4h50V139.3h64.3   l70.4,158.2l-13.9,31.3c-8,18-29.1,26.1-47.2,18.1l-20.3,45.7c43.2,19.3,93.9-0.2,113.2-43.4L1200,89.3h-54.7L1079.9,236   L1027.8,119c-8.3-18.6-26.5-29.7-45.7-29.7l-64.3,0v-3.6c0-19.7,16-35.7,35.7-35.7c5.2,0,10.1,1.1,14.5,3.1L988.4,7.4z"
      />
      <path
        className="fill-inherit"
        d="M810.7,28.6c0,15.8-12.8,28.6-28.6,28.6c-15.8,0-28.6-12.8-28.6-28.6c0-15.8,12.8-28.6,28.6-28.6   C797.9,0,810.7,12.8,810.7,28.6z"
      />
    </svg>
  );
};

export default Cabify;