<script setup lang="ts">
import { useGlobalClientsQuery } from "~/queries/clients";

const props = defineProps<{ sectionBackground: string }>();
const { data: clientsData } = useGlobalClientsQuery();
</script>
<template>
  <section class="trust py-section" :class="sectionBackground">
    <div class="container mx-auto px-4">
      <SectionHeadline :title="$t('ourClients.title')" />
      <HeroClientsLogos v-if="clientsData" :clients="clientsData" />
    </div>
  </section>
</template>
<style scoped></style>
