text: import template from './sw-extension-my-extensions-listing-controls.html.twig';
  import './sw-extension-my-extensions-listing-controls.scss';
  
  Shopware.Component.register('sw-extension-my-extensions-listing-controls', {
      template,
  
      data() {
          return {
              filterByActiveState: false,
              selectedSortingOption: 'updated-at',
              sortingOptions: [
                  {
                      value: 'updated-at',
                      name: this.$tc('sw-extension.my-extensions.listing.controls.filterOptions.last-updated'),
                  },
                  {
                      value: 'name-asc',
                      name: this.$tc('sw-extension.my-extensions.listing.controls.filterOptions.name-asc'),
                  },
                  {
                      value: 'name-desc',
                      name: this.$tc('sw-extension.my-extensions.listing.controls.filterOptions.name-desc'),
                  },
              ],
          };
      },
  
      watch: {
          filterByActiveState(value) {
              this.$emit('update:active-state', value);
          },
  
          selectedSortingOption(value) {
              this.$emit('update:sorting-option', value);
          },
      },
  });
  