<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">
    <a id="slideover-tab0" href="/users/1NAgzO8X/profile" class="slideover-tabs-tab" data-method="get">About</a>
    <a id="slideover-tab1" href="/users/1NAgzO8X/profile_activity" class="slideover-tabs-tab slideover-tabs-tab--active" data-method="get">Activity</a>
</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>
