<template>
  <div class="sub-title">
    <p><slot /></p>
    <span />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'SubTitle',
})
</script>

<style lang="stylus" scoped>
@import '../../components/MyComponent/main.styl'
.sub-title
  display flex
  align-items center
  margin .04rem 0
  p
    color $secondary-color
    margin-right .1rem
    font-weight bold
  span
    flex 1
    display block
    height .01rem
    background $primary-border
</style>
