#modalTriggerText.modal
  .modal-dialog
    .modal-content
      .modal-header
        %h4.modal-title New Text Component
        %button.close{"data-dismiss" => "modal", :type => "button"}
          %span ×

      .modal-body
        %ul.nav.nav-justified.mb-4
          %li.nav-item
            %a.btn.btn-secondary.active{"data-toggle" => "pill", :href => "#textComponent-create-newTrigger"} Create with new trigger

          %li.btn or

          %li.nav-item
            %a.btn.btn-secondary{"data-toggle" => "pill", :href => "#textComponent-create-useTrigger"} use an existing trigger

        .tab-content
          .tab-pane.active#textComponent-create-newTrigger
            = render 'form', text_component: text_component, create_trigger: true
          .tab-pane#textComponent-create-useTrigger
            = render 'form', text_component: text_component
#modalTriggerText.modal
  .modal-dialog
    .modal-content
      .modal-header
        %h4.modal-title New Text Component
        %button.close{"data-dismiss" => "modal", :type => "button"}
          %span ×

      .modal-body
        %ul.nav.nav-justified.mb-4
          %li.nav-item
            %a.btn.btn-secondary.active{"data-toggle" => "pill", :href => "#textComponent-create-useTrigger"} use an existing trigger

          %li.btn or

          %li.nav-item
            %a.btn.btn-secondary{"data-toggle" => "pill", :href => "#textComponent-create-newTrigger"} Create with new trigger

        .tab-content
          .tab-pane.active#textComponent-create-useTrigger
            = render 'form', text_component: text_component
          .tab-pane#textComponent-create-newTrigger
            = render 'form', text_component: text_component, create_trigger: true
Create new tc with existing trigger by default
Create new tc with existing trigger by default
