// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`InstancesView > Show simple 1`] = `
"<div data-v-364450c8="">
  <breadcrumbs-nav data-v-364450c8="" links="[object Object],[object Object]"></breadcrumbs-nav>
  <section data-v-364450c8="">
    <h1 data-v-364450c8="" class="title">Instances</h1>
    <form data-v-364450c8="" class="my-4">
      <div data-v-364450c8="" data-oruga="field" class="o-field o-field--horizontal">
        <div class="o-field__horizontal-label"><label id="v-0-0" for="newRelayAddress" class="o-field__label">Follow a new instance</label></div>
        <div class="o-field__horizontal-body">
          <div data-oruga="field" class="o-field">
            <!---->
            <div class="o-field__body">
              <div class="o-field">
                <div data-v-364450c8="" data-oruga="field" class="o-field" group-multiline="" expanded="" size="large">
                  <!---->
                  <div class="o-field__body">
                    <div class="o-field o-field--grouped">
                      <p data-v-364450c8="" class="control">
                      <div data-v-364450c8="" data-oruga="input" class="o-input">
                        <!----><input aria-labelledby="v-0-14" id="newRelayAddress" type="text" data-oruga-input="text" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="Ex: mobilizon.fr">
                        <!---->
                        <!---->
                      </div>
                      </p>
                      <p data-v-364450c8="" class="control"><button data-v-364450c8="" data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Add an instance</span>
                          <!----></span>
                        </button>
                        <transition-stub data-v-364450c8="" name="fade" appear="false" persisted="false" css="true">
                          <!---->
                        </transition-stub>
                      </p>
                    </div>
                  </div>
                  <!---->
                </div>
              </div>
            </div>
            <!---->
          </div>
        </div>
        <!---->
      </div>
    </form>
    <div data-v-364450c8="" class="flex flex-wrap gap-2">
      <div data-v-364450c8="" data-oruga="field" class="o-field"><label id="v-0-4" class="o-field__label" for="v-0-11">Follow status</label>
        <div data-v-364450c8="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-4" id="v-0-6" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="ALL"><label id="v-0-4" for="v-0-6" class="o-radio__label">All</label></div>
        <div data-v-364450c8="" data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-4" id="v-0-7" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="true" value="WE_FOLLOW_THEM"><label id="v-0-4" for="v-0-7" class="o-radio__label">We follow them</label></div>
        <div data-v-364450c8="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-4" id="v-0-8" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="WE_FOLLOW_THEM_PENDING"><label id="v-0-4" for="v-0-8" class="o-radio__label">We asked to follow them</label></div>
        <div data-v-364450c8="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-4" id="v-0-9" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="THEY_FOLLOW_US"><label id="v-0-4" for="v-0-9" class="o-radio__label">They follow us</label></div>
        <div data-v-364450c8="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-4" id="v-0-10" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="THEY_FOLLOW_US_PENDING"><label id="v-0-4" for="v-0-10" class="o-radio__label">They asked to follow us</label></div>
        <div data-v-364450c8="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-4" id="v-0-11" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="OTHERS"><label id="v-0-4" for="v-0-11" class="o-radio__label">Others</label></div>
        <!---->
      </div>
      <div data-v-364450c8="" data-oruga="field" class="o-field flex-auto"><label id="v-0-12" for="domain-filter" class="o-field__label">Domain or instance name</label>
        <div data-v-364450c8="" data-oruga="input" class="o-input">
          <!----><input aria-labelledby="v-0-12" id="domain-filter" type="text" data-oruga-input="text" class="o-input__input o-input__input--placeholder" autocomplete="off" placeholder="mobilizon-instance.tld">
          <!---->
          <!---->
        </div>
        <!---->
      </div>
    </div>
    <div data-v-364450c8="" class="my-3">
      <p data-v-364450c8="">1 instances found</p><a data-v-364450c8="" href="/settings/admin/instances/agenda.test" class="min-w-0 flex items-center mb-2 rounded bg-mbz-yellow-alt-300 hover:bg-mbz-yellow-alt-200 dark:bg-mbz-purple-600 dark:hover:bg-mbz-purple-700 p-4 flex-wrap md:flex-nowrap justify-center gap-x-2 gap-y-3">
        <div data-v-364450c8="" class="flex-1 overflow-hidden flex items-center gap-1"><img data-v-364450c8="" class="w-8 mx-2" src="/img/gancio.png" alt="">
          <div data-v-364450c8="" class="">
            <h3 data-v-364450c8="" class="text-lg truncate font-bold line-clamp-1 text-slate-800 dark:text-slate-100">Agenda de Crémeaux</h3>
            <div data-v-364450c8="">
              <div data-v-364450c8="" class="flex flex-wrap gap-x-2 gap-y-1">
                <p data-v-364450c8="" class="min-w-0 inline-flex gap-1 truncate text-slate-700 dark:text-slate-300"><span data-v-364450c8="" data-oruga="icon" class="o-icon"><i class="mdi mdi-web mdi-24px"></i></span><span data-v-364450c8="">agenda.test</span></p>
                <p data-v-364450c8="" class="capitalize text-slate-700 dark:text-slate-300 inline-flex gap-1"><span data-v-364450c8="" data-oruga="icon" class="o-icon"><i class="mdi mdi-server mdi-24px"></i></span> gancio</p>
              </div>
              <div data-v-364450c8="">
                <p data-v-364450c8="" class="inline-flex gap-1 text-slate-700 dark:text-slate-300"><span data-v-364450c8="" data-oruga="icon" class="o-icon"><i class="mdi mdi-inbox-arrow-down mdi-24px"></i></span> We follow them</p>
                <!--v-if-->
              </div>
            </div>
          </div>
        </div>
        <div data-v-364450c8="" class="flex-none flex gap-3 ltr:ml-3 rtl:mr-3">
          <p data-v-364450c8="" class="flex flex-col text-center"><span data-v-364450c8="" class="text-xl">4</span><span data-v-364450c8="" class="text-sm">Events</span></p>
          <p data-v-364450c8="" class="flex flex-col text-center"><span data-v-364450c8="" class="text-xl">0</span><span data-v-364450c8="" class="text-sm">Profiles</span></p>
        </div>
      </a>
      <nav data-v-364450c8="" data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right" style="display: none;"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
        <ul class="o-pagination__list">
          <!---->
          <!---->
          <li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
          <!---->
          <!---->
        </ul>
      </nav>
    </div>
  </section>
</div>"
`;