mixin example(url, classNames)
  .example
    ul.nav.nav-underline-border(role="tablist")
      li.nav-item
        a.nav-link.active(data-coreui-toggle="tab" href="#preview-"+count role="tab")
          svg.icon.me-2
            use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play")
            |
          | Preview
      if url
        li.nav-item
          a.nav-link(href=url target="_blank")
            svg.icon.me-2
              use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-code")
              |
            | Code
    .tab-content.rounded-bottom(class=classNames)
      .tab-pane.p-3.active.preview(role="tabpanel" id="preview-"+count++ )
        block