import { ExternalLink } from 'lucide-react';

interface BlogServiceLinkProps {
  href: string;
  children: React.ReactNode;
}

export const BlogServiceLink = ({ href, children }: BlogServiceLinkProps) => {
  return (
    <a
      href={href}
      target="_blank"
      rel="noopener noreferrer"
      className="inline-flex items-center gap-2 text-violet-600 hover:text-violet-700 font-medium mb-4 group"
    >
      <ExternalLink className="w-4 h-4 transition-transform group-hover:translate-x-0.5" />
      <span className="hover:underline">{children}</span>
    </a>
  );
};
