<template>
  <div class="skeleton-wrapper">
    <div class="skeleton-iframe">
      <div
        class="skeleton-contents-box"
        style="width: 60%; height: 30px; margin: 30px 0 10px 0"
      ></div>
      <div class="skeleton-contents-box" style="width: 40%"></div>
      <div class="skeleton-contents-box" style="width: 40%"></div>
      <div class="skeleton-video-box"></div>
      <div class="skeleton-contents-box"></div>
      <div class="skeleton-contents-box"></div>
      <div class="skeleton-contents-box"></div>
      <div class="skeleton-video-box"></div>
      <div class="skeleton-contents-box"></div>
      <div class="skeleton-contents-box"></div>
      <div class="skeleton-contents-box"></div>
      <div class="skeleton-video-box" style="height: 100px"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "skeletonIframe",
};
</script>

<style></style>
