<template>
  <div class="vtj-toolbar">
    <WidgetRenderer
      v-for="item in toolbar"
      :key="item.name"
      v-bind="{ ...item }"></WidgetRenderer>
  </div>
</template>
<script lang="ts" setup>
import { inject } from 'vue';
import { RegionWidgets } from '../../core';
import WidgetRenderer from '../renderer/WidgetRenderer';

const region = inject<RegionWidgets>('$region');
const { toolbar } = region || {};
</script>
