jsx import { CSSObject , jsx } from '@emotion/core' ; import { COLOR } from '../Identity/colors' ; import type { Theme } from '../Layout' ; import { LinkProps , filterLinkProps , linkStyle } from './Link' ; export type TextLinkProps < T = HTMLAnchorElement > = LinkProps < T > ; export const textLinkStyle = ( theme , { color = COLOR . BLUE , fontSize = '16px' , bold = false , textTransform = 'none' , ... props } ) => ( { ... linkStyle ( theme , { bold , color , fontSize , textTransform , ... props } ) , } ) ; export const TextLink = ( props ) => ( < a css = { theme => textLinkStyle ( theme , props ) } rel = "noopener noreferrer" { ... filterLinkProps ( props ) } />);