<template>
  <!-- link="/network-vis" -->
  <!-- <template #triggerr> -->
  <BaseBoxItem :recent-work="recentWork" :type="type" @new-item="$emit('create-filter')">
    <template #title>
      {{ name }}
    </template>
    <template #description>
      <p>{{ type }}</p>
      <p class="category-text">
        FILTER NAME
      </p>
      {{ filter }}
      <p class="category-text">
        CREATED
      </p>
      {{ timestamp }}
      <p class="category-text">
        NUMBER OF ITEMS
      </p>
      {{ objectCount }}
      <OrchestratorOperationsList />
    </template>
  </BaseBoxItem>
  <!-- </template> -->
  <!-- </OrchestratorOperationsList> -->
</template>

<script>
import OrchestratorOperationsList from '@/components/shared/OrchestratorOperationsList.vue'

export default {
  components: { OrchestratorOperationsList },
  props: {
    name: {
      type: String,
      default: 'Create new filter'
    },
    type: {
      type: String,
      default: 'Filter'
    },
    filter: {
      type: String,
      default: 'none'
    },
    objectCount: {
      type: String,
      default: '0'
    },
    timestamp: {
      type: String,
      default: '0'
    },
    id: {
      type: Number,
      default: 0
    }
  }
}
</script>

<style lang="sass">
.category-text
  color: $secondary-text-color
  font-weight: 600
  font-size: 0.66rem
</style>
