<template>
  <section class="animate-fadein w-full h-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-2 space-y-2">
    <!-- {{ selectedRuleType }}
    {{ selectedActivitySequence }}
    {{ selectedMode }}
    {{ selectedProcessScope }}
    {{ selectedActSeqMore }} -->
    <ActList v-if="selectedRuleType === 'Have activity'"></ActList>

  </section>
</template>
<script>
import { storeToRefs } from 'pinia';
import LoadingStore from '@/stores/loading.js';
import ConformanceStore from '@/stores/conformance.js';
import ActList from './ActList.vue';

export default {
  setup() {
    const loadingStore = LoadingStore();
    const conformanceStore = ConformanceStore();
    const { isLoading } = storeToRefs(loadingStore);
    const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore } = storeToRefs(conformanceStore);

    return { isLoading, selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore }
  },
  components: {
    ActList,
  }
}
</script>
