{{#if (and toggleLabel (eq labelPosition 'inside'))}}
  <p class='toggle-switch__label' data-test={{hook 'toggle-label'}}>
    {{toggleLabel}}

    {{#if helperPartial}}
      <button 
        type='button' 
        class='btn btn--sm btn--no-bg' 
        data-test={{hook 'help-btn'}} {{action 'showHelpModal'}} 
        tabindex="0">
        
          {{inline-svg 'question-button'}}
        </button>
    {{/if}}
  </p>
{{/if}}

{{#if (eq labelPosition 'outside')}}
  <button 
    type='button' 
    class='toggle-switch__btn btn--transparent {{if selection 'off' 'on'}}'
    {{action 'deselect'}}
    data-test={{hook 'outside-off'}}
    tabindex="0">

    {{lk-text titleText=offText}}
  </button>
{{/if}}

<button 
  tabindex="0" 
  type='button' 
  class='toggle-switch__container {{if selection 'on' 'off'}} {{if (eq labelPosition 'inside') 'push-right'}}'
  style={{toggleStyle}}
  data-test={{hook 'toggle-container'}}
  {{action 'toggleSelected'}} >

  {{#if (eq labelPosition 'inside')}}
    <span 
      class='toggle-switch__status toggle-switch__status--first {{if selection 'on' 'off'}}' 
      data-test={{hook 'inside-on'}}>

      {{onText}}
    </span>
    <span 
      class='toggle-switch__status toggle-switch__status--second {{if selection 'off' 'on'}}' 
      data-test={{hook 'inside-off'}}>

      {{offText}}
    </span>
  {{/if}}

  <div class='toggle-switch__indicator {{if selection 'show'}}'></div>
</button>

{{#if (eq labelPosition 'outside')}}
  <button 
    type='button' 
    class='toggle-switch__btn btn--transparent {{if selection 'on' 'off'}}'
    {{action 'select'}}
    data-test={{hook 'outside-on'}}
    tabindex="0">

    {{lk-text titleText=onText}}
  </button>
{{/if}}