<template>
  <div>
    <span v-for="(link, index) in legalLinks" :key="index">
      <a :href="link.url">{{ link.title }}</a>
      <span v-if="index < legalLinks.length - 1"> | </span>
    </span>
  </div>
</template>

<script setup lang="ts">
import { useVueBaseProps } from '@lightspeed/crane';
import { Design } from '../type.ts';

const baseProps = useVueBaseProps<unknown, Design>();
const siteContent: SiteContent = baseProps.site?.value satisfies SiteContent;
const legalLinks = siteContent.legalPages ?? [];
</script>

<style lang="scss" scoped>
</style>
