const template = html`
  <div class="widget-classic col-md-6">
    <div class="widget-content">
      <div class="headline">
        <h4>
          <b>Hi</b> {{name}} <i class="fa fa-circle text-danger"></i> Clocked
          Out
        </h4>
      </div>
      <p><b>Message of the day:</b> {{MessageOfDay}}</p>
      <span
        class="pull-right muted"
        uib-popover-html="learn.content"
        popover-title="Learn more"
        popover-append-to-body="true"
        ><i class="fa fa-info-circle"></i> Learn more</span
      >
      <textarea
        id="new-task"
        name="new-task"
        mentio-id="'new-task'"
        class="form-control"
        placeholder="Start typing your job details. You can also use the following characters @,#,$,!,^. Click learn more to find out more details..."
        style="overflow: hidden; overflow-wrap: break-word; resize: horizontal; height: 54px;"
        autocomplete="off"
      ></textarea>
    </div>
  </div>
`;

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