<template>
  <div :style="element.props" class="lab-div">
    <template v-for="(item,index) in element.elements">
      <lab-element :class="{ 'active': item.key === labDesign.activity.key }" :key="item.key" :element="item" :elements="element.elements" :index="index" :model-data="modelData" />
    </template>
  </div>
</template>

<script>
import LabBase from "../../mixins/LabBase";
import LabEvent from "../../mixins/LabEvent";

export default {
  name: "LabDiv",
  mixins: [LabBase,LabEvent],
}
</script>

<style lang="scss">
  .lab-div {
    display: flex;
    .lab-element {
      margin-right: 2px;
    }
  }
</style>
