---
export interface Props {
  class?: string;
  gap?: string;
}

const { class: className = '', gap = '8rem' } = Astro.props;
---

<div class={`scroll-sidebar-content flex-1 ${className}`}>
  <div class="flex flex-col" style={`gap: ${gap};`}>
    <slot />
  </div>
</div>

<style>
  .scroll-sidebar-content {
    position: relative;
  }
</style>