<template>
  <div class="adv-title">
    <LogoOrDot point="dot" :need_arrow="false"></LogoOrDot>
    <p class="adv-title-desc" v-if="text">{{ text }}</p>
    <slot />
  </div>
</template>

<script>
import LogoOrDot from "@RecordCard/components/Common/LogoOrDot/index.vue";
export default {
  name: "AdvTitle",
  components: { LogoOrDot },
  props: {
    text: {
      type: String,
      default: "",
    },
  },
};
</script>

<style lang="scss" scoped>
.adv-title {
  @extend %flex-middle;
  &-desc {
    color: rgba(0, 0, 0, 0.7);
    font-size: j(13);
    font-weight: 500;
  }
}
</style>
