<template>
  <div class="bg-base-100 flex flex-col">
    <!-- 逻辑信号展示 -->
    <div class="card bg-base-200 shadow-xl">
      <div class="card-body">
        <h2 class="card-title">
          <Zap class="w-5 h-5" />
          逻辑信号分析
        </h2>
      </div>
    </div>

    <!-- 触发设置 -->
    <div class="card bg-base-200 shadow-xl mt-4">
      <div class="card-body">
        <h2 class="card-title">
          <Settings class="w-5 h-5" />
          触发设置
        </h2>
        <TriggerSettings />
      </div>
    </div>

    <!-- 通道配置 -->
    <div class="card bg-base-200 shadow-xl mt-4">
      <div class="card-body">
        <h2 class="card-title">
          <Layers class="w-5 h-5" />
          通道配置
        </h2>
        <ChannelConfig />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { Zap, Settings, Layers } from "lucide-vue-next";
import { useEquipments } from "@/stores/equipments";

// 使用全局设备配置
const equipments = useEquipments();
</script>