function ellipsis(width, lines) {
    if (lines === void 0) {
      lines = 1;
    }
    var styles = {
      display: 'inline-block',
      maxWidth: width || '100%',
      overflow: 'hidden',
      textOverflow: 'ellipsis',
      whiteSpace: 'nowrap',
      wordWrap: 'normal'
    };
    return lines > 1 ? _extends__default["default"]({}, styles, {
      WebkitBoxOrient: 'vertical',
      WebkitLineClamp: lines,
      display: '-webkit-box',
      whiteSpace: 'normal'
    }) : styles;
  }
CSS to represent truncated text with an ellipsis. You can optionally pass a max-width and number of lines before truncating.

@example
// Styles as object usage
const styles = {
  ...ellipsis('250px')
}

// styled-components usage
const div = styled.div`
  ${ellipsis('250px')}
`

// CSS as JS Output

div: {
  'display': 'inline-block',
  'maxWidth': '250px',
  'overflow': 'hidden',
  'textOverflow': 'ellipsis',
  'whiteSpace': 'nowrap',
  'wordWrap': 'normal'
}