- const iconOnly = !$component.textContent.trim() && !!$attrs['icon']
- const classes = $helpers.getComponentClasses(`mp-button-`)
.mp-button-container(
  attrs=$helpers.getButtonAttrs()
  class=Object.assign(classes, {
    'mp-button-with-icon': !!$attrs['icon'],
    'mp-button-icon-only': iconOnly,
    'mp-button-primary': $attrs['color'] === 'blue' || classes['mp-button-primary'],
    'mp-button-secondary': $attrs['color'] === 'grey' || classes['mp-button-secondary'],
    'mp-button-red': $attrs['color'] === 'red' || classes['mp-button-red'],
    'mp-button-small': $attrs['size'] === 'small',
    'mp-button-large': $attrs['size'] !== 'small',
  })
)
  .mp-button-content
    if $attrs['icon']
      svg-icon(attrs={icon: $attrs['icon']})
    unless iconOnly
      slot