import * as React from 'react';
import { markAsElement } from '../element-marker.js';

export type LinkProps = Readonly<React.ComponentPropsWithoutRef<'a'>>;

export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(
  ({ target = '_blank', style, ...props }, ref) => (
    <a
      {...props}
      ref={ref}
      style={{
        color: '#067df7',
        textDecorationLine: 'none',
        ...style,
      }}
      target={target}
    >
      {props.children}
    </a>
  ),
);

Link.displayName = 'Link';
markAsElement(Link);