// lucide-react eliminó los logos de marca (Github/Linkedin/Instagram) en versiones
// recientes; estos son trazos simples equivalentes, dibujados a mano en el mismo
// estilo (stroke, 24x24) para mantener consistencia visual con el resto de iconos.

const base = {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24",
  fill: "none",
  stroke: "currentColor",
  strokeWidth: 2,
  strokeLinecap: "round",
  strokeLinejoin: "round",
};

export function GithubIcon({ size = 18, className }) {
  return (
    <svg {...base} width={size} height={size} className={className}>
      <path d="M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2 2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2 4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6-.6.6-.6 1.2-.5 2V21" />
    </svg>
  );
}

export function LinkedinIcon({ size = 18, className }) {
  return (
    <svg {...base} width={size} height={size} className={className}>
      <path d="M6.94 8.5v11M6.94 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM11.5 19.5v-6a3.5 3.5 0 0 1 7 0v6M11.5 19.5v-11M14 12v-.2" />
    </svg>
  );
}

export function InstagramIcon({ size = 18, className }) {
  return (
    <svg {...base} width={size} height={size} className={className}>
      <rect x="3" y="3" width="18" height="18" rx="5" />
      <circle cx="12" cy="12" r="3.6" />
      <path d="M17.4 6.6h.01" />
    </svg>
  );
}
