import { styled } from 'view-container'

// @note - wrong text
// font-family: Helvetica, Arial;
/**
 * @todo @name enableBg => shouldHaveBackground, or add as preset only
 */
const StyledBaseText = styled.div`
  color: inherit;
  text-transform: none;
  text-decoration: none;
  padding: 0;

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

export { StyledBaseText }