Example Tamagui Solito Text Link

TamaguiSolitoTextLink.tsx

import { forwardRef } from 'react';
import { LinkCore, LinkCoreProps } from 'solito/link';
import { AnchorProps, styled, Anchor } from 'tamagui';

const StyledTextLink = styled(Anchor, {
  name: 'TextLink',
});

export type TextLinkProps = Pick<LinkCoreProps, 'href' | 'target'> &
  AnchorProps;

export const TextLink = StyledTextLink.styleable(
  ({ children, href, target, ...restProps }, ref) => {
    return (
      <LinkCore
        Component={StyledTextLink}
        componentProps={restProps}
        href={href}
        ref={ref}
        target={target}
      >
        {children}
      </LinkCore>
    );
  }
);