import { Instagram } from "lucide-react";

interface SocialLinksProps {
  instagram?: string;
  instagramHandle?: string;
  className?: string;
  iconSize?: number;
}

export function SocialLinks({
  instagram,
  instagramHandle,
  className = "",
  iconSize = 24,
}: SocialLinksProps) {
  return (
    <div className={`flex items-center gap-4 ${className}`}>
      {instagram && (
        <a
          href={instagram}
          target="_blank"
          rel="noopener noreferrer"
          className="social-icon flex items-center gap-2"
        >
          <Instagram size={iconSize} />
          {instagramHandle && <span className="text-sm font-medium">{instagramHandle}</span>}
        </a>
      )}
    </div>
  );
}
