import styled , { css , use } from 'reshadow' ; interface Props extends React . AnchorHTMLAttributes < HTMLAnchorElement > { wrapper ? : boolean ; } const styles = css `
  a {
    cursor: pointer;
  }
  a[|wrapper] {
    &, &:hover, &:focus, &:active {
      color: inherit;
      text-decoration: none;
      outline: none;
    }
  }
` ; export const Link = function Link ( { wrapper , className , children , ... rest } ) { return styled ( styles ) ( < div className = { className } > < a { ... use ( { wrapper } ) } { ... rest } > { children } < /a> < /div>); } ;