---
import Base from '../../../../../layouts/Base.astro';
import Explore from '../../../../../components/Explore.svelte';
import { readShardHandles } from '../../../../../lib/manifest';

export function getStaticPaths() {
  return readShardHandles().map(({ handle }) => ({
    params: { handle },
    props: { handle },
  }));
}

const { handle } = Astro.props as { handle: string };
const base = import.meta.env.BASE_URL;
---
<Base title={`@${handle} Explore — BincioActivity`} fullscreen>
  <Explore {handle} {base} client:only="svelte" />
</Base>
