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

type InstagramProps = {
  className: string;
};

const Instagram = ({ className }: InstagramProps) => {
  return (
    <svg className={cn("fill-current h-auto transition-colors", className)} viewBox="0 0 32 32" fill="none">
      <path
        d="M10.4003 2.66699H21.6003C25.867 2.66699 29.3337 6.13366 29.3337 10.4003V21.6003C29.3337 23.6513 28.5189 25.6183 27.0686 27.0686C25.6183 28.5189 23.6513 29.3337 21.6003 29.3337H10.4003C6.13366 29.3337 2.66699 25.867 2.66699 21.6003V10.4003C2.66699 8.34932 3.48175 6.38231 4.93203 4.93203C6.38231 3.48175 8.34932 2.66699 10.4003 2.66699ZM10.1337 5.33366C8.86062 5.33366 7.63972 5.83937 6.73955 6.73955C5.83937 7.63972 5.33366 8.86062 5.33366 10.1337V21.867C5.33366 24.5203 7.48033 26.667 10.1337 26.667H21.867C23.14 26.667 24.3609 26.1613 25.2611 25.2611C26.1613 24.3609 26.667 23.14 26.667 21.867V10.1337C26.667 7.48033 24.5203 5.33366 21.867 5.33366H10.1337ZM23.0003 7.33366C23.4424 7.33366 23.8663 7.50925 24.1788 7.82181C24.4914 8.13437 24.667 8.5583 24.667 9.00033C24.667 9.44235 24.4914 9.86628 24.1788 10.1788C23.8663 10.4914 23.4424 10.667 23.0003 10.667C22.5583 10.667 22.1344 10.4914 21.8218 10.1788C21.5093 9.86628 21.3337 9.44235 21.3337 9.00033C21.3337 8.5583 21.5093 8.13437 21.8218 7.82181C22.1344 7.50925 22.5583 7.33366 23.0003 7.33366ZM16.0003 9.33366C17.7684 9.33366 19.4641 10.036 20.7144 11.2863C21.9646 12.5365 22.667 14.2322 22.667 16.0003C22.667 17.7684 21.9646 19.4641 20.7144 20.7144C19.4641 21.9646 17.7684 22.667 16.0003 22.667C14.2322 22.667 12.5365 21.9646 11.2863 20.7144C10.036 19.4641 9.33366 17.7684 9.33366 16.0003C9.33366 14.2322 10.036 12.5365 11.2863 11.2863C12.5365 10.036 14.2322 9.33366 16.0003 9.33366ZM16.0003 12.0003C14.9395 12.0003 13.922 12.4218 13.1719 13.1719C12.4218 13.922 12.0003 14.9395 12.0003 16.0003C12.0003 17.0612 12.4218 18.0786 13.1719 18.8288C13.922 19.5789 14.9395 20.0003 16.0003 20.0003C17.0612 20.0003 18.0786 19.5789 18.8288 18.8288C19.5789 18.0786 20.0003 17.0612 20.0003 16.0003C20.0003 14.9395 19.5789 13.922 18.8288 13.1719C18.0786 12.4218 17.0612 12.0003 16.0003 12.0003Z"
        className="fill-inherit"
      />
    </svg>
  );
};

export default Instagram;