import { injectComponentStyle } from "@bysages/core/styling";
import type { AnchorHTMLAttributes } from "react";

import { withSelfRoot } from "../../internal/family";

export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
  underline?: "always" | "hover" | "none";
}

/** A link is ink in the accent's voice: quiet at rest, deepening under
 * the hand, the halo at focus. The underline follows the prose —
 * always, on hover, or never. */
function LinkImpl({ underline = "hover", children, ...rest }: LinkProps) {
  injectComponentStyle("link");
  return (
    <a {...rest} data-scope="link" data-part="root" data-underline={underline}>
      {children}
    </a>
  );
}

export const Link = withSelfRoot(LinkImpl);