import { styled } from 'styleh-components'

// @note - wrong text
// font-family: Helvetica, Arial;
const StyledBaseText = styled.div`
  color: inherit;
  text-transform: none;
  text-decoration: none;
  padding: 0;

  // enabling the background
  ${props =>
    props.shouldHaveBackground &&
    styled.css`
      background-color: grey;
      width: 100%;
      height: auto;
      line-height: auto;
      text-align: center;
    `};
`

export { StyledBaseText }