<script lang="ts" setup>
  import { ComponentPropsConfigType } from '../../packages/index.type';

  defineProps<{
    config: ComponentPropsConfigType;
  }>();
</script>

<template>
  <div
    v-if="config.option?.componentInfo?.showDeviceName"
    class="h-8 font-semibold w-1/2 overflow-hidden overflow-ellipsis whitespace-nowrap"
  >
    {{ config.option.deviceRename || config.option.deviceName }}
  </div>
</template>