<template>
  <div class="ws-compare-merge">
    <WsCompareMergeItem
      v-for="(firstDataItem,firstDataIndex) in firstData"
      :key="firstDataIndex"
      :titleFirst="titleFirst"
      :titleSecond="titleSecond"
      :firstValue.sync="firstData[firstDataIndex]"
      :secondValue.sync="secondData[firstDataIndex]"
      :inputFields="inputFields"
      :compareField="compareField"
    ></WsCompareMergeItem>
  </div>
</template>

<script>
export default {
  props: {
    titleFirst: {
      type: String
    },
    titleSecond: {
      type: String
    },
    firstData: {
      type: Array
    },
    secondData: {
      type: Array
    },
    inputFields: {
      type: Object
    },
    compareField: {
      type: String
    }
  }
};
</script>

<style lang="scss">
@import "../assets/scss/ws-compare-merge.scss";
</style>