<template>
  <div class="container p-0 my-3">
    <m-loading-state
      v-bind="$attrs"
      :width="1140"
      :height="525">
      <rect
        x="0"
        y="0"
        rx="4"
        ry="4"
        width="1140"
        height="85" />

      <rect
        x="0"
        y="105"
        rx="4"
        ry="4"
        width="1140"
        height="85" />

      <rect
        x="0"
        y="210"
        rx="4"
        ry="4"
        width="1140"
        height="85" />

      <rect
        x="0"
        y="315"
        rx="4"
        ry="4"
        width="1140"
        height="85" />

      <rect
        x="0"
        y="420"
        rx="4"
        ry="4"
        width="1140"
        height="85" />
    </m-loading-state>
  </div>
</template>

<script>
import { MLoadingState } from '../index';

export default {
  components: {
    MLoadingState,
  },
};
</script>
