import { h, Component } from 'preact';
import WBTabs from 'wb-tabs';

class WBApp extends Component {
  render() {
    return (
      <div>
        <h1>WBApp</h1>
        <table class="table table-striped table-hover">
          <thead class="thead-light">
            <tr>
              <th>Name</th>
              <th>Description</th>
              <th>Size</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Name</td>
              <td>Description</td>
              <td>0 bytes</td>
            </tr>
            <tr>
              <td>Name</td>
              <td>Description</td>
              <td>0 bytes</td>
            </tr>
            <tr>
              <td>Name</td>
              <td>Description</td>
              <td>0 bytes</td>
            </tr>
          </tbody>
        </table>
        <WBTabs tabs={ [
          { 'name': 'Ala', 'isActive': true },
          "Ma",
          { 'name': 'Kota', 'isDisabled': true }
        ] } onTabChanged={ idx => alert(idx) } />
      </div>
    );
  }
}

export default WBApp;