<template>
    <p :class="config.classText.join(' ')" :style="config.style">{{ config.content }}</p>
</template>

<script>
export default {
  name: "h5-text",
  props: {
    config: {
      type: Object,
      default: () => ({})
    }
  },
  created() {
    console.info('h5-text loaded:', this.config);
  }
};
</script>
<style src="./css/base.css"></style>
<style lang="scss" scoped>
p{
  white-space: pre-line;
}
.active{
  border-color: #02ff9b;
}
</style>
