<template>
  <VueContentLoading
    :style="{ backgroundColor: '#ffffff', padding: '1rem', borderRadius: '10px' }"
    primary="#cecece"
    :width="300"
    :height="220"
  >
    <rect x="0" y="0" rx="4" ry="4" width="100%" height="100" />
    <rect x="30" y="110" rx="4" ry="4" width="80%" height="15" />
    <rect x="100px" y="150" width="100" height="2" />
    <rect x="100px" y="175" rx="4" ry="4" width="100" height="35" />
  </VueContentLoading>
</template>

<script>
import VueContentLoading from "vue-content-loading";

export default {
  name: "GridItemSkeleton",
  components: {
    VueContentLoading
  }
};
</script>

<style lang="less"></style>
