<script setup>
import { reactive, onMounted, onBeforeUnmount } from "vue";
import ContentBlock from "../ContentBlock.vue";
import AnimEasingCubicBezier from "./AnimEasingCubicBezier.vue";

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

const contentBlockProps = {
  colIndex: 0,
  itemSides: props.itemSides,
};

onMounted(() => {});

onBeforeUnmount(() => {});
</script>

<template>
  <div id="item-root">
    <ContentBlock
      :class="contentClass"
      :style="{ top: itemSides.height * 0 }"
      :="contentBlockProps"
      :index="1"
      title="贝塞尔动画"
    >
      <AnimEasingCubicBezier />
    </ContentBlock>
  </div>
</template>
