<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div class="common-title flex justify-between">
    <div>
      <slot name="label">{{ label }}</slot>
    </div>
    <div class="common-title__value">
      <slot name="value">{{ value }}</slot>
    </div>
  </div>
</template>
<script lang="ts" setup>
  withDefaults(
    defineProps<{
      label: string;
      value?: string;
    }>(),
    {
      value: '/',
    }
  );

  defineEmits(['click']);
</script>
<style lang="less" scoped>
  @import '@/design/vent/color.less';

  .common-title {
    height: 30px;
    line-height: 30px;
    padding-left: 58px;
    box-sizing: border-box;
    background: url('@/assets/images/company/lentj.png') no-repeat center;
    background-size: 100% 100%;
  }

  .common-title__value {
    color: @vent-gas-primary-text;
    padding-right: 10px;
  }
</style>
