import type { LinkVariantProps } from '@trail-ui/theme';
import { link } from '@trail-ui/theme';
import { ForwardedRef, forwardRef, useMemo } from 'react';
import type { LinkProps as AriaLinkProps } from 'react-aria-components';
import { Link as AriaLink } from 'react-aria-components';

export interface LinkProps extends AriaLinkProps, LinkVariantProps {
  className?: string;
}

function Link(props: LinkProps, ref: ForwardedRef<HTMLAnchorElement>) {
  const { className, size, color, underline, isBlock, ...otherProps } = props;

  const styles = useMemo(
    () =>
      link({
        size,
        color,
        underline,
        isBlock,
        className,
      }),
    [className, color, isBlock, size, underline],
  );

  return <AriaLink className={styles} {...otherProps} ref={ref} />;
}

const _Link = forwardRef(Link);
export { _Link as Link };