<script setup lang="ts">
const digitalsV2 = [
  {
    title: 'string',
    value: 123,
    icon: 'solar:airbuds-remove-line-duotone',
  },
  {
    title: 'string',
    value: 123,
    icon: 'solar:airbuds-remove-line-duotone',
  },
  {
    title: 'string',
    value: 123,
    icon: 'solar:airbuds-remove-line-duotone',
  },
  {
    title: 'string',
    value: 123,
    icon: 'solar:airbuds-remove-line-duotone',
  },
]

const selected = ref(0)

function change(value: number) {
  selected.value = value
}
</script>

<template>
  <div class="fixed bottom-0 left-0 flex flex-col justify-between h-full pt-[170px] z-10 p-14 ">
    <div class="space-y-6 ">
      <DigitalV3 v-for="(item, index) in digitalsV2" :key="index" v-bind="item" />
    </div>
    <Warning :count="35" />
  </div>

  <div class="fixed bottom-0 right-0 flex h-full gap-6  pt-[150px] z-10 p-6">
    <div class="flex flex-col justify-between">
      <SectionOne />
      <SectionTwo />
      <SectionFour />
    </div>
    <!-- <div class="flex flex-col justify-between">
      <SectionTwo />
      <SectionThree />
      <SectionFive />
    </div> -->
  </div>
  <div class="fixed top-0 left-0 w-full h-full bg-black/50">
    <SectionChinaMap />
  </div>
</template>
