<template>
  <section class="AiStaData">
    <ai-data-panel v-for="op in data" :key="op[key]"
                   :label="op[label]" :value="op[key]"/>
  </section>
</template>

<script>
import AiDataPanel from "./AiDataPanel";

export default {
  name: "AiStaData",
  components: {AiDataPanel},
  props: {
    data: {default: () => []},
    key: {default: "id"},
    label: {default: "label"},
  }
}
</script>

<style lang="scss" scoped>
.AiStaData {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
</style>
