@primer/components/lib-esm/Link.js

Primer react components

import styled from 'styled-components';
import { system } from 'styled-system';
import { get } from './constants';
import sx from './sx';
const hoverColor = system({
  hoverColor: {
    property: 'color',
    scale: 'colors'
  }
});
const Link = styled.a.withConfig({
  displayName: "Link",
  componentId: "sc-1brdqhf-0"
})(["color:", ";text-decoration:", ";&:hover{text-decoration:", ";", ";}&:is(button){display:inline-block;padding:0;font-size:inherit;white-space:nowrap;cursor:pointer;user-select:none;background-color:transparent;border:0;appearance:none;}", ";"], props => props.muted ? get('colors.fg.muted')(props) : get('colors.accent.fg')(props), props => props.underline ? 'underline' : 'none', props => props.muted ? 'none' : 'underline', props => props.hoverColor ? hoverColor : props.muted ? `color: ${get('colors.accent.fg')(props)}` : '', sx);
export default Link;