<template>
  <mainLayout>
    <div class="p-6">
      <p class="font-serif italic text-[25px] text-D">BRANKAS</p>
      <searchbar v-model:search="searchQuery" />
      <BrankasList :search="searchQuery" />
    </div>
  </mainLayout>
</template>

<script setup>
import { ref } from 'vue';
import mainLayout from '../layouts/mainLayout.vue'
import searchbar from '../components/Searchbar.vue';
import BrankasList from '../components/BrankasList.vue';
const searchQuery = ref("");
</script>
