<!--
 * @Author: chris
 * @Date: 2025-09-02 16:06:21
 * @LastEditors: chris
 * @LastEditTime: 2025-09-02 16:28:40
-->
<script setup>
const props = defineProps({
  title: {
    type: String,
    default: '模块标题'
  },
  icon: {
    type: String,
    default: 'nongchangguanli'
  },
  color: {
    type: String,
    default: '#3b9ed3'
  }
})
</script>

<template>
<div class="module-title">
  <div class="module-title__left">
    <svg-icon :icon-class="props.icon" :color="props.color" />
    {{ props.title }}
  </div>
  <div class="module-title__right">
    <slot></slot>
  </div>
</div>
</template>

<style lang="scss" scoped>
.module-title {
  @apply flex items-center justify-between;
}

.module-title__left {
  @apply flex items-center gap-2 font-size-20px font-700;
  letter-spacing: 2px;
}
</style>
