/*
https://gitlab.bgm-gmbh.de/nov/templates/azh/-/blob/main/elements/bricks/b-tabs/b-tabs.template.twig
https://gitlab.bgm-gmbh.de/nov/templates/azh/-/blob/main/elements/bricks/b-tabs/b-tabs.types.ts

https://6634ea6cb86b9825df5cb7bb-ktyiefbntg.chromatic.com/?path=/docs/elements-bricks-b-tabs--docs

*/

tt_content.b-tabs =< lib.twigContentElement
tt_content.b-tabs {
 templateName = elements/bricks/b-tabs/b-tabs.template.twig
 dataProcessing {
  101 = Bgm\BgmThemeAzh\DataProcessing\ContainerChildrenProcessor
  101 {
   colPos = 200
   as = b-tabs
  }
 }


 variables {
  contentBase < lib.ContentBase
  contentBase.heading {
   align.field >
   align.value =
  }

  tabs {
   variant = TEXT
   variant.field = tab_variant
   tabs {

    # tab1
    1 {
     label = TEXT
     label.value = label
     htmlContent = TEXT
     htmlContent.value = <div>content</div>
     icon {
      name = outline-beaker
      position = top
     }

    }
    # tab2
    2 {
     label = TEXT
     label.value = label
     htmlContent = TEXT
     htmlContent.value = blafasel
     icon {
      name = outline-beaker
      position = right
     }
    }
   }
  }
 }
}