<template>
  <client-template>
    <template #client-new-action>
      <add-button text="Ajouter" @click="goToClient" />
    </template>
    <template #select-filter>
      <filter-table />
    </template>
    <template #client-other-action>
      <table-action />
    </template>
    <template #client-table>
      <client-table :data="clientData" :loading="loadingData" />
    </template>
  </client-template>
</template>
<script setup>
import ClientTemplate from "@/components/templates/CRM/ClientTemplate.vue";
import ClientTable from "@/components/molecules/Tables/CRM/ClientTable.vue";
import addButton from "@/components/molecules/new-button/addButton.vue";
import FilterTable from "@/components/molecules/Tables/FilterTable.vue";
import TableAction from "@/components/molecules/Tables/TableAction.vue";
import { defineProps } from "vue";
import { useRouter } from "vue-router";

const router = useRouter();

defineProps({
  clientData: {
    type: Array,
    default: [],
  },
  loadingData: {
    type: Boolean,
    default: false,
  },
});

const goToClient = () => {
  router.push({
    name: "Creation client",
  });
};
</script>
