<template>
  <div
    class="mx-seperator-line"
    :class="{ 'mx-seperator-shadow': shadow }"
    :style="{ height: height + 'px' }"
  ></div>
</template>
<script>
export default {
  props: {
    height: {
      type: Number,
      default: 1,
    },
    shadow: {
      type: Boolean,
      default: false,
    },
  },
};
</script>
<style scoped>
.mx-seperator-line {
  background-color: #eeeeee;
}
.mx-seperator-shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
</style>