<template>
  <Block
    :title="$_tr('title')"
    title-tag="h3"
    :title-options="{ color: $_theme('colorPrimary') }"
    class="tools-title"
  >
    <CtaBlocksListing
      :fields="[
        'uuid',
        'title',
        'background_color',
        'dark_mode',
        'icon_name',
        'image',
        'link',
        'link_label',
        'admin',
        'content_type',
        'open_in_new_tab'
      ]"
    />
  </Block>
</template>

<script>
import Block from '@inside-commons/components/lib/Block'
import CtaBlocksListing from '@inside-commons/components/lib/CtaBlocksListing'

export default {
  name: 'BlockPPListingCta',
  $_i18nRootPath: 'customs.pp.LISTING.tools',
  components: {
    Block,
    CtaBlocksListing
  }
}
</script>

<style lang="scss">
.tools-title {
  h3 {
    font-weight: 600;
  }
}
</style>
