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

type TikTokProps = {
  className: string;
};

const TikTok = ({ className }: TikTokProps) => {
  return (
    <svg className={cn("fill-current h-auto transition-colors", className)} viewBox="0 0 397.35 397.35" fill="none">
      <path
        d="M198.68,0h0C88.95,0,0,88.95,0,198.68H0C0,308.4,88.95,397.35,198.68,397.35h0c109.73,0,198.68-88.95,198.68-198.68h0C397.35,88.95,308.4,0,198.68,0ZM293.18,167.22c0,2.14-1.77,3.9-3.91,3.84-40.13-1.14-51.22-19.63-51.22-19.63v94.51c0,36.97-29.97,66.94-66.94,66.94-39.49,0-70.99-34.19-66.52-74.58,3.39-30.62,28.09-55.39,58.7-58.86,4.14-.47,8.22-.56,12.2-.3,1.98.13,3.49,1.84,3.49,3.82v27.89c0,2.32-2.04,4.04-4.34,3.78-2.6-.29-5.3-.26-8.06.12-13.88,1.93-25.04,13.32-26.74,27.23-2.4,19.69,13.38,36.34,32.79,35.43,16.98-.8,29.97-15.59,29.97-32.59V88.31c0-2.11,1.71-3.83,3.83-3.83h31.73c2.04,0,3.81,1.54,3.94,3.57,1.45,21.89,16.23,45.75,47.35,47.52,2.07.12,3.72,1.75,3.72,3.83v27.82Z"
        className="fill-inherit"
      />
    </svg>
  );
};

export default TikTok;