text: import template from './sw-card.html.twig';
  import './sw-card.scss';
  
  const { Component } = Shopware;
  
  /**
   * @public
   * @description A card is a flexible and extensible content container.
   * @status ready
   * @example-type dynamic
   * @component-example
   * <sw-card title="Test title" subtitle="Test subtitle">
   *     Your content
   * </sw-card>
   */
  Component.register('sw-card', {
      template,
  
      props: {
          title: {
              type: String,
              required: false,
              default: '',
          },
          subtitle: {
              type: String,
              required: false,
              default: '',
          },
          hero: {
              type: Boolean,
              required: false,
              default: false,
          },
          isLoading: {
              type: Boolean,
              required: false,
              default: false,
          },
          large: {
              type: Boolean,
              required: false,
              default: false,
          },
      },
  
      computed: {
          cardClasses() {
              return {
                  'sw-card--tabs': !!this.$slots.tabs || !!this.$scopedSlots.tabs,
                  'sw-card--grid': !!this.$slots.grid || !!this.$scopedSlots.grid,
                  'sw-card--hero': !!this.hero,
                  'sw-card--large': this.large,
                  'has--header': !!this.$slots.toolbar || !!this.$scopedSlots.toolbar,
              };
          },
      },
  });
  