<template>
  <mainLayout>
    <div class="p-6">
      <p class="font-serif italic text-[25px] text-D">BRANKAS</p>
      <div class="flex justify-end">
        <div class="w-full sm:w-64 my-3">
          <searchbar v-model:search="searchQuery"/>
        </div>
      </div>
      <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>
