<script setup lang="ts">
import type { ProjectContent } from "~/types/singleProject";

interface Props {
  projectContnet: ProjectContent[];
  isLoading: boolean;
}

const { projectContnet } = defineProps<Props>();
</script>
<template>
  <SkeletonsSingleProjectContnetSkeleton v-if="isLoading" />
  <div v-for="(data, index) in projectContnet" v-else :key="index">
    <ProjectsSingleProjectContnet
      :project-contnet="data"
      :section-bg="index % 2 === 0 ? 'bg-gradient-odd' : 'bg-gradient-even'"
      :reverse="index % 2 !== 0"
    />
  </div>
</template>

<style scoped></style>
