<template>
  <div class="warn-detail">
    <div class="info">
      <Info :labelData="labelData" :valueData="valueData" />
    </div>
    <div class="tabs">
      <Tab :tabs="tabs" />
    </div>
  </div>
</template>

<script setup>
import Info from "./info.vue";
import Tab from "./tab.vue";
const props = defineProps({
  labelData: {
    type: Array,
    default: () => [],
  },
  valueData: {
    type: Object,
    default: () => ({}),
  },
  tabs: {
    type: Array,
    default: () => [],
  },
});
</script>

<style lang="scss" scoped>
.warn-detail {
  max-width: 1072px;
  width: 100%;
  height: 100%;
  .tabs{
    margin-top: 30px;
  }
}
</style>
