@gluestack-ui/link/src/types.ts

A universal headless Link component for React Native, Next.js & React

import type { MutableRefObject } from 'react';
import React from 'react';
import type { GestureResponderEvent, ViewProps } from 'react-native';

export interface InterfaceLinkProps extends ViewProps {
  /**
   * URL that should be opened on Link press
   */
  href?: string | undefined;
  /**
   * Callback that will be invoked on Link press
   */
  onPress?: ((event?: GestureResponderEvent) => any) | null | undefined;
  /**
   * If true, link will be opened in new tab on web. It uses _target property to achieve this
   */
  isExternal?: boolean;
  isPressed?: boolean;
  isDisabled?: boolean;
  isHovered?: boolean;
  isFocusVisible?: boolean;
}

export type IUseLinkProp = {
  href?: string;
  isExternal?: boolean;
  onPress: ((event?: GestureResponderEvent) => any) | null | undefined;
  _ref: MutableRefObject<any>;
  isDisabled?: boolean;
};

export type ILinkComponentType<Root, TextProps> =
  React.ForwardRefExoticComponent<
    React.PropsWithoutRef<Root> & React.RefAttributes<Root> & InterfaceLinkProps
  > & {
    Text: React.ForwardRefExoticComponent<
      React.PropsWithoutRef<TextProps> & React.RefAttributes<TextProps>
    >;
  };