import { th } from '@pubsweet/ui-toolkit'
import styled, { css } from 'styled-components'

const fontSize = css`
  color: ${props => (props.secondary ? th('colorSecondary') : th('colorText'))};
  font-size: ${props =>
    props.small ? th('fontSizeBaseSmall') : th('fontSizeBase')};
  line-height: ${props =>
    props.small ? th('lineHeightBaseSmall') : th('lineHeightBase')};
`

const Text = styled.span`
  font-family: ${th('fontReading')};
  ${fontSize};
`

export default Text