import { Href, Link } from 'expo-router';

import { openBrowserAsync, WebBrowserPresentationStyle } from 'expo-web-browser';

import { type ComponentProps } from 'react';

type Props = Omit<ComponentProps<typeof Link>, 'href'> & { href: Href & string };

export function ExternalLink({ href, ...rest }: Props) {

  return (

    <Link

      target="_blank"

      {...rest}

      href={href}

      onPress={async (event) => {

        if (process.env.EXPO_OS !== 'web') {

          // Prevent the default behavior of linking to the default browser on native.

          event.preventDefault();

          // Open the link in an in-app browser.

          await openBrowserAsync(href, {

            presentationStyle: WebBrowserPresentationStyle.AUTOMATIC,

          });

        }

      }}

    />

  );

}