import React from "react";

/**
 * Inline brand marks. lucide-react v1 no longer ships brand icons, so these
 * are defined locally as decorative SVGs (labels come from the parent link).
 */

type IconProps = React.SVGProps<SVGSVGElement>;

const base = {
  viewBox: "0 0 24 24",
  fill: "currentColor",
  "aria-hidden": true as const,
  focusable: "false" as const,
};

export function XIcon({ className, ...props }: IconProps) {
  return (
    <svg {...base} className={className} {...props}>
      <path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
    </svg>
  );
}

export function InstagramIcon({ className, ...props }: IconProps) {
  return (
    <svg {...base} className={className} {...props}>
      <path d="M12 2.163c3.204 0 3.584.012 4.85.07 1.366.062 2.633.336 3.608 1.311.975.975 1.249 2.242 1.311 3.608.058 1.266.07 1.646.07 4.85s-.012 3.584-.07 4.85c-.062 1.366-.336 2.633-1.311 3.608-.975.975-2.242 1.249-3.608 1.311-1.266.058-1.646.07-4.85.07s-3.584-.012-4.85-.07c-1.366-.062-2.633-.336-3.608-1.311-.975-.975-1.249-2.242-1.311-3.608C2.175 15.586 2.163 15.206 2.163 12s.012-3.584.07-4.85c.062-1.366.336-2.633 1.311-3.608.975-.975 2.242-1.249 3.608-1.311C8.416 2.175 8.796 2.163 12 2.163Zm0 1.802c-3.148 0-3.517.011-4.756.068-1.014.047-1.78.24-2.32.78-.54.54-.733 1.306-.78 2.32-.057 1.24-.068 1.608-.068 4.757s.011 3.517.068 4.756c.047 1.014.24 1.78.78 2.32.54.54 1.306.733 2.32.78 1.24.057 1.608.068 4.756.068s3.517-.011 4.756-.068c1.014-.047 1.78-.24 2.32-.78.54-.54.733-1.306.78-2.32.057-1.24.068-1.607.068-4.756s-.011-3.517-.068-4.756c-.047-1.014-.24-1.78-.78-2.32-.54-.54-1.306-.733-2.32-.78-1.24-.057-1.608-.068-4.756-.068Zm0 3.067a4.968 4.968 0 1 1 0 9.936 4.968 4.968 0 0 1 0-9.936Zm0 1.802a3.166 3.166 0 1 0 0 6.332 3.166 3.166 0 0 0 0-6.332Zm5.17-3.23a1.16 1.16 0 1 1 0 2.32 1.16 1.16 0 0 1 0-2.32Z" />
    </svg>
  );
}

export function GitHubIcon({ className, ...props }: IconProps) {
  return (
    <svg {...base} className={className} {...props}>
      <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23a11.5 11.5 0 0 1 3-.405c1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
    </svg>
  );
}

export function PyPIIcon({ className, ...props }: IconProps) {
  return (
    <svg {...base} className={className} {...props}>
      <path d="M11.938 0a12.03 12.03 0 0 0-4.02.717c-1.283.47-1.63 1.44-1.63 2.79v1.79h5.36v.71H4.29c-1.44 0-2.7.86-3.09 2.5a11.97 11.97 0 0 0 0 5.64c.37 1.6 1.32 2.6 2.76 2.6h1.85v-2.14c0-1.63 1.41-3.07 3.09-3.07h5.34c1.4 0 2.53-1.16 2.53-2.57V3.507c0-1.37-1.15-2.4-2.53-2.63A15.7 15.7 0 0 0 11.938 0Zm-2.9 1.65a.96.96 0 1 1 0 1.92.96.96 0 0 1 0-1.92Zm8.72 3.657v2.08c0 1.7-1.44 3.13-3.09 3.13H9.328c-1.38 0-2.53 1.18-2.53 2.57v4.82c0 1.37 1.19 2.18 2.53 2.57 1.6.47 3.14.56 5.06 0 1.28-.37 2.53-1.12 2.53-2.57v-1.93h-5.35v-.72h8.03c1.56 0 2.14-1.09 2.68-2.72.56-1.68.54-3.29 0-5.44-.39-1.56-1.12-2.72-2.68-2.72h-1.84Zm-3.01 12.5a.96.96 0 1 1 0 1.92.96.96 0 0 1 0-1.92Z" />
    </svg>
  );
}