<!-- Блок «Главные категории»: заголовок + категории по буквам + SEO-текст -->
<template>
  <div>
    <h2 class="view-videos__title --categories _title">{{ t('main_categories') }}</h2>

    <CategoryByLetter :categories="categories"/>
    <SectionSeoText
      v-if="footerText"
      :text="footerText"
      :links-link="footerLinksLink"
    />
  </div>
</template>

<script setup lang="ts">
import type { ICategoryCard } from '../../types';

defineProps<{
  categories: Record<string, Array<ICategoryCard>>
  footerText?: string
  footerLinksLink?: string
}>();

const { t } = useI18n();
</script>
