import { useOpenUrl } from '@coinbase/onchainkit/minikit';

export default function ExternalLinks() {
  const openUrl = useOpenUrl();

  return (
    <div className="external-links">
      <button onClick={() => openUrl('https://base.org')}>
        Visit Base.org
      </button>
      <button onClick={() => openUrl('https://twitter.com/base')}>
        Follow on Twitter
      </button>
      <button onClick={() => openUrl('https://discord.gg/basechain')}>
        Join Discord
      </button>
    </div>
  );
}

import { useOpenUrl } from '@coinbase/onchainkit/minikit';

export default function SmartLink({ href, children, className }) {
  const openUrl = useOpenUrl();

  const handleClick = (e) => {
    e.preventDefault();
    openUrl(href);
  };

  return (
    <a 
      href={href} 
      onClick={handleClick}
      className={className}
    >
      {children} ↗
    </a>
  );
}