<script setup lang="ts">
import { isEmpty } from "@/utils/lodash";
import DynamicComponent from "~/components/dynamic-page/page-component/templates/index.vue";
import { getInputValue } from "@/utils/parseSQL";

const emit = defineEmits(["selectComponent"]);

const _props = defineProps<{
  dataResult?: any[];
  dataQuery?: string;
  component?: any;
}>();

const SETTING_OPTIONS = {
  MAX_ELEMENT: 10,
};
</script>

<template>
  <section>
    <div v-for="navItem, index in Array(SETTING_OPTIONS.MAX_ELEMENT).fill({})" :key="index">
      <div class="empty"></div>
    </div>
  </section>
</template>

<style lang="scss" scoped>
.empty {
  width: 120px;
  min-height: 100px;
  border-radius: 6px;
  background: #409eff;
}
</style>
