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

type YouTubeProps = {
  className: string;
};

const YouTube = ({ className }: YouTubeProps) => {
  return (
    <svg className={cn("fill-current h-auto transition-colors", className)} viewBox="0 0 27 19" fill="none">
      <path
        d="M10.6667 13.3333L17.5867 9.33333L10.6667 5.33333V13.3333ZM26.08 2.89333C26.2533 3.52 26.3733 4.36 26.4533 5.42667C26.5467 6.49333 26.5867 7.41333 26.5867 8.21333L26.6667 9.33333C26.6667 12.2533 26.4533 14.4 26.08 15.7733C25.7467 16.9733 24.9733 17.7467 23.7733 18.08C23.1467 18.2533 22 18.3733 20.24 18.4533C18.5067 18.5467 16.92 18.5867 15.4533 18.5867L13.3333 18.6667C7.74667 18.6667 4.26667 18.4533 2.89333 18.08C1.69333 17.7467 0.92 16.9733 0.586667 15.7733C0.413333 15.1467 0.293333 14.3067 0.213333 13.24C0.12 12.1733 0.0799999 11.2533 0.0799999 10.4533L0 9.33333C0 6.41333 0.213333 4.26667 0.586667 2.89333C0.92 1.69333 1.69333 0.92 2.89333 0.586667C3.52 0.413333 4.66667 0.293333 6.42667 0.213333C8.16 0.12 9.74667 0.0799999 11.2133 0.0799999L13.3333 0C18.92 0 22.4 0.213333 23.7733 0.586667C24.9733 0.92 25.7467 1.69333 26.08 2.89333Z"
        className="fill-inherit"
      />
    </svg>
  );
};

export default YouTube;