#see https://6634ea6cb86b9825df5cb7bb-ktyiefbntg.chromatic.com/?path=/docs/elements-bricks-b-video--docs
# https://gitlab.bgm-gmbh.de/nov/templates/azh/-/blob/main/elements/bricks/b-video/b-video.template.twig

tt_content.b-interactive-image =< lib.twigContentElement
tt_content.b-interactive-image {
  templateName = elements/bricks/b-interactive-image/b-interactive-image.template.twig
  dataProcessing {
    50 = Bgm\BgmThemeAzh\DataProcessing\InteractiveImageMarkersDataProcessor
    50 {
      references.fieldName = image
      as = image
    }
  }

  variables {
    contentBase < lib.ContentBase
    interactiveImage {
      image {
        html =< lib.contentElement
        html {
          templateRootPaths.10 = EXT:bgm_theme_azh/Resources/Private/Templates/
          partialRootPaths.10 = EXT:bgm_theme_azh/Resources/Private/Partials/
          templateName = B-Image
          dataProcessing {
            10 = TYPO3\CMS\Frontend\DataProcessing\FilesProcessor
            10 {
              references.fieldName = image
              if.isTrue.field = image
            }
          }
        }
        objectFit = cover
      }
    }
  }
}