import styled from '@emotion/styled' ; import { Link } from '@neo-one/react-common' ; import * as React from 'react' ; import { prop } from 'styled-tools' ; const StyledLink = styled ( Link ) < { } , { } > `
  ${ prop ( 'theme.fonts.axiformaRegular' ) }
  ${ prop ( 'theme.fontStyles.subheading' ) }
` ; const Div = styled . div `
  margin-top: 80px;
` ; interface Props { readonly link : string ; } const baseLink = 'https://github.com/neo-one-suite/neo-one/blob/master/' ; const cleanLink = ( input ) : string => ( input [ 0 ] === '/' ? input . substr ( 1 , input . length ) : input ) ; export const EditPageLink = ( { link } ) => ( < Div > < StyledLink linkColor = "accent" href = { baseLink + cleanLink ( link ) } target = "_blank" > Edit this page < /StyledLink> < /Div>);