<script lang="ts" setup>
  const props = defineProps(['title']);
  const { prefixCls } = useDesign('banner');
</script>
<template>
  <div :class="[prefixCls, `${prefixCls}--white`]">
    <img src="~/assets/images/commonBanner.png" alt="" />
    <h2 class="title">{{ props.title }}</h2>
  </div>
</template>
<style lang="scss" scoped>
  @import 'banner';
</style>
