<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/J8PX518A/profile" class="slideover-tabs-tab slideover-tabs-tab--active" data-method="get">About</a>
    <a id="slideover-tab1" href="/users/J8PX518A/profile_activity" class="slideover-tabs-tab" 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">
    <div class="panel-body flex !flex-row !items-center !gap-4">
      <img class="w-16 h-16 rounded-md shrink-0" src="https://secure.gravatar.com/avatar/b2c6ceb1af9ff09c0192a7a995405b1f.png?default=mp&amp;rating=pg&amp;size=48" />
      <div class='w-full'>
        <div class="text-md font-medium text-gray-700 leading-tight">Morgan J</div>
          <div class="text-gray-500 !font-normal text-sm"> at <span class="text-gray-700 font-medium">Hera Fund</span></div>
        <div class="flex items-center gap-4 mt-2">
          <div class="flex items-center gap-1.5">
                <span class="h-2 w-2 bg-gray-300 rounded-full"> </span>
                <span class="text-xs !font-normal text-gray-400">Last active 11 months ago</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
              <path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300" />
              <path d="M8 4.5V8H11.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300" />
            </svg>
            <span class="text-xs !font-normal text-gray-500">10:55 AM local time</span>
          </div>
          <div class='flex gap-2 text-right items-center'>
          </div>
        </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-user-circle-bold"></i>
        <h4>About <span class="text-sm normal-case">Morgan J</span></h4>
      </div>
    </div>
    <div class="panel-body" data-accordion-panel-target="body">
        <div class="blank-slate-wrapper blank-slate-wrapper--horizontal">
  <div class="blank-stale-mesh">
      <img src="https://d2id8jgnbwyil5.cloudfront.net/illustrations/hub-illy-empty-documents-gray.svg" alt="" width="96" height="96">
  </div>

  <div class="blank-slate-content">
    <h2>No bio available</h2>
      <p>Morgan J hasn&#39;t written a bio yet.</p>
  </div>
</div>
    </div>
  </div>
</div>



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