<script setup>
import TitleBar from "./TitleBar.vue";
import ImageGroup from "../img/ImageGroup.vue";
import AnimGroup2 from "../anim/AnimGroup2.vue";

const props = defineProps({
  panelClass: String,
  itemSides: Object,
});

const titleData = ["img标签", "div动画2"];
</script>

<template>
  <div :class="panelClass">
    <TitleBar
      :class="panelClass"
      :itemSides="itemSides"
      :titleData="titleData"
    />
    <div :class="panelClass" :style="{ top: 20 }">
      <ImageGroup
        :style="{ left: itemSides.width * 0 }"
        :contentClass="panelClass"
        :itemSides="itemSides"
      />
      <AnimGroup2
        :style="{ left: itemSides.width * 1 }"
        :contentClass="panelClass"
        :itemSides="itemSides"
      />
    </div>
  </div>
</template>

<style></style>
