@gluestack-ui/link/lib/LinkText.jsx

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

import React, { forwardRef } from 'react';
import { useLinkContext } from './Context';
export const LinkText = (StyledButtonText) => forwardRef(({ children, ...props }, ref) => {
    const { isHovered, isFocused, isPressed, isDisabled, isFocusVisible } = useLinkContext();
    return (<StyledButtonText ref={ref} {...props} states={{
            hover: isHovered,
            focus: isFocused,
            active: isPressed,
            disabled: isDisabled,
            focusVisible: isFocusVisible,
        }} dataSet={{
            hover: isHovered,
            focus: isFocused,
            active: isPressed,
            disabled: isDisabled,
            focusVisible: isFocusVisible,
        }}>
        {children}
      </StyledButtonText>);
});