<turbo-stream action="update" target="slideover-content"><template>
  

<div class="slideover-header">
  <div class="flex items-center justify-between py-4">
    <div class="slideover-title">
      <i class="ph-user "></i>
      <h2 data-skeleton-target="">Profile</h2>
    </div>
    <div class="slideover-actions">
      <button class="modal-close" data-action="slideover#forceClose">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
          <path d="M12.5 3.5L3.5 12.5" stroke="#D4D4D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
          <path d="M12.5 12.5L3.5 3.5" stroke="#D4D4D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </button>
    </div>
  </div>
</div>
<div class="slideover-tabs slideover-tabs--overflow" data-controller="slideover-tabs-overflow">
    <a id="slideover-tab0" href="/users/mnj5MBNL/profile" class="slideover-tabs-tab" data-method="get" data-slideover-tabs-overflow-target="tab">About</a>
    <a id="slideover-tab1" href="/users/mnj5MBNL/profile_activity" class="slideover-tabs-tab slideover-tabs-tab--active" data-method="get" data-slideover-tabs-overflow-target="tab">Activity</a>
    <div class="slideover-tabs-more"
     hidden
     data-controller="dropdown"
     data-slideover-tabs-overflow-target="more">
  <button type="button"
          class="slideover-tabs-tab slideover-tabs-more-trigger"
          data-action="dropdown#toggle click@window->dropdown#hide">
    More
    <i class="ph-caret-down-bold !text-xs"></i>
  </button>
  <div class="dropdown-menu dropdown-menu--right hidden !top-[105%]" data-controller="dropdown-hover" data-dropdown-target="menu" data-action="click->dropdown#closeOnItemClick">
    <div class="dropdown-menu__section"></div>
  </div>
</div>
</div>
<div class="slideover-body" data-slideover-target="body">
  
    
  <div id="replaceable-form" class="scrollable-content gap-1 p-2">
  <div class="accordion-panel" data-controller="accordion-panel" data-accordion-panel-state-value="opened">
    <div class="panel-heading" data-accordion-panel-target="heading">
      <div class="panel-title">
        <i class="ph-article-bold"></i>
        <h4>Latest Posts</h4>
      </div>
    </div>
    <div class="panel-body" data-accordion-panel-target="body">
      <div class="divide-y divide-gray-200">
      </div>
      <div class="flex flex-col items-center justify-center flex-1 text-center py-10 !hidden">
        <img src="https://d2id8jgnbwyil5.cloudfront.net/notes.svg" class="w-28 shrink-0" />
        <div class="font-semibold text-base text-gray-700 mt-2">No posts available</div>
      </div>
    </div>
  </div>
  <div class="accordion-panel" data-controller="accordion-panel" data-accordion-panel-state-value="opened">
    <div class="panel-heading" data-accordion-panel-target="heading">
      <div class="panel-title">
        <i class="ph-chats-bold"></i>
        <h4>Latest Replies</h4>
      </div>
    </div>
    <div class="panel-body" data-accordion-panel-target="body">
      <div class="divide-y divide-gray-200">
      </div>
      <div class="flex flex-col items-center justify-center flex-1 text-center py-10 !hidden">
        <img src="https://d2id8jgnbwyil5.cloudfront.net/notes.svg" class="w-28 shrink-0" />
        <div class="font-semibold text-base text-gray-700 mt-2">No replies available</div>
      </div>
    </div>
  </div>
</div>



</div></template></turbo-stream>
