const template = html`
  <div class="widget-classic col-md-2">
    <div class="widget-content">
      <div class="headline">
        <h4>
          Statistics
        </h4>
      </div>
      <div class="dropdown">
        <button
          class="btn btn-default dropdown-toggle"
          type="button"
          id="dropdownMenu1"
          data-toggle="dropdown"
          aria-haspopup="true"
          aria-expanded="true"
        >
          {{name}}
          <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li role="separator" class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </div>
    </div>
  </div>
`;

export default {
  data: function() {
    return {
      name: "Sam Cross",
      MessageOfDay: "this is a message of the day"
    };
  },
  components: {},
  methods: {},
  template
};
