refs:
  header:
    eventListeners:
      click:
        handler: handleClickHeader
styles:
  .content-wrapper:
    display: grid
    grid-template-rows: 0fr
    transition: grid-template-rows 0.2s ease-out
  .content-wrapper.open:
    grid-template-rows: 1fr
  .content-inner:
    overflow: hidden
template:
  - rtgl-view d=v ${containerAttrString}:
      - rtgl-view#header d=h av=c w=f pv=md cur=pointer:
          - rtgl-text: ${label}
          - rtgl-view w=1fg: null
          - rtgl-svg svg=${chevronIcon} wh=16 c=mu-fg: null
      - div class="${openClass}":
          - div class=content-inner:
              - rtgl-view pb=md:
                  - rtgl-text c=mu-fg: ${content}
                  - slot name=content: null