<script setup lang="ts">
  import {useLabelEditorStore} from "~/store/labelEditorStore";
  import {originToString} from "~/types/origin";

  let store = useLabelEditorStore();
</script>

<template>
  <v-container>
    <v-card v-if="store.article != null">
      <v-card-title>
        <v-col>
          <v-row>
            Varianten

            <v-spacer/>
            <v-divider :vertical="true"/>

            <VariantCreate/>
          </v-row>
        </v-col>
      </v-card-title>

      <v-divider/>

      <v-card-text
          v-for="(variant, index) in store.article.variants"
          :key="variant.id"
      >
        <VariantRow
            v-bind:variant="variant"
            v-bind:variant-index="index"
        />
        <v-divider/>
      </v-card-text>

    </v-card>
  </v-container>
</template>

<style scoped>

</style>