<script lang="ts" setup>
  import { DeviceProfileDetail } from '/@/api/device/model/deviceConfigModel';
  import { useDescription, Description } from '/@/components/Description';
  import { useI18n } from '/@/hooks/web/useI18n';

  const props = defineProps<{
    record: DeviceProfileDetail['profileData']['transportConfiguration'];
  }>();

  const { t } = useI18n();

  const [register] = useDescription({
    layout: 'vertical',
    column: 2,
    schema: [
      {
        field: 'type',
        label: t('deviceManagement.product.accessProtocolText'),
      },
    ],
    data: props.record,
  });
</script>

<template>
  <Description @register="register" />
</template>