<template>
  <div class="diagram__path"
       :style="{ transform: 'rotate(' + theta + 'deg)' }">
    <block :object="{ type: object.type, content: object.content }"></block>
    <div class="diagram__path diagram__path--true">
      <block v-for="block in object.paths.truePath.blocks"
             :object="block"></block>
    </div>
    <div class="diagram__path diagram__path--false">
      <block v-for="block in object.paths.falsePath.blocks"
             :object="block"></block>
    </div>
  </div>
</template>

<style lang="scss">

</style>

<script>
  import Block from './Block.vue'

  export default {
    name: 'diagram-path',
    components: {
      Block
    },
    data: () => {
      return {
        theta: 0
      }
    },
    props: ['object']
  }
</script>