<template>
  <!-- <section class="intro-single"> -->
  <div class="container">
    <br />
    <br />
    <br />
    <br />
    <div class="row">
      <div class="col-md-12 col-lg-8">
        <!-- <div class="title-single-box"> -->
        <!-- <h1 class="title-single" style="text-align:left;">User Management</h1> -->
        <!-- </div> -->
        <div class="title-box-d">
          <h1 class="title-d" style="text-align:left; font-size: 250%">User Management</h1>
        </div>
        <br />
      </div>
    </div>
    <div id="table" class="col-xs-12 table-responsive">
      <datatable :columns="columns" :data="rows"></datatable>
    </div>
  </div>
  <!-- </section> -->
</template>
<script>
import { mapState, mapActions } from 'vuex';

export default {
  name: 'userManagementPage',
  created() {
    this.getuserManagementPage();
  },
  computed: {
    ...mapState('status', ['userManagementPage']),
  },
  methods: {
    ...mapActions('status', ['getuserManagementPage']),
  },
};
</script>


<style>
</style>
