<div id="root"></div>

import { html, render } from 'https://unpkg.com/[email protected]/lit-html.js';

const root = document.querySelector('#root');

const updateData = 
  evt => render(markup(evt.detail.active), root);

const markup = (active = 0) => html`
  <p>Selected tab is ${active}</p>
  <amber-tabs
    @change=${evt => updateData(evt)}
    active=${active}
    labels="One, Two"
  ></amber-tabs>
`;

render(markup(0), root);