.mp-fb-btn-feedback(
  class={
    'mp-fb-btn-animate-buttons': status === $component.states.marked,
    'mp-fb-btn-animate-thank-you': status === $component.states.thanks,
  }
)
  if !($attrs[`disable`] && status === $component.states.notSent)
    case status
      when $component.states.notSent
      when $component.states.marked
        div(
          class={
            'mp-fb-btn-option': true,
            'mp-fb-btn-bad': true,
          }
          on={click: ev => $helpers.handleSentFeedback(ev, false)}
        )
          .mp-fb-btn-icon
            svg-icon(attrs={icon: 'thumbs-down'})
          .mp-fb-btn-text Not useful
        div(
          class={
            'mp-fb-btn-option': true,
            'mp-fb-btn-good': true,
          }
          on={click: ev => $helpers.handleSentFeedback(ev, true)}
        )
          .mp-fb-btn-icon
            svg-icon(attrs={icon: 'thumbs-up'})
          .mp-fb-btn-text Useful
      when $component.states.thanks
        .mp-fb-btn-thank-you Thank you for your feedback