<template>
  <section :style="{'line-width':lineWidth, 'border-color': borderColor, 'border-style': borderStyle, 'border-width': borderWidth}">

  </section>
</template>
<script>
export default {
  props: {
    lineWidth: {
      type: String,
      default: 'px2rem(375px)'
    },
    borderWidth: {
      type: String,
      default: '1px'
    },  
    borderStyle: {
      type: String,
      default: 'solid'
    },
    borderColor: {
      type: String,
      default: '#e7e7e7'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
@import '../../style/mixin.scss';
// @import '../../style/global.scss';

</style>
