<template>
  <div
    class="card-block contain cursor-pointer flex group overflow-hidden relative"
  >
    <div class="absolute inset-0 flex items-center justify-center z-10 text-white text-sm sm:text-lg w-full h-36 md:h-72 object-cover">
      <div class="text-center p-2">
        <p>Контент доступен по подписке!</p>
        <p>
          Купить: <inertia-link :href="route('profile.user', user.username)" class="font-semibold underline inline-block mr-2">
            {{ user.username }}
          </inertia-link>
        </p>
      </div>
    </div>
    <div class="blur-2xl flex flex-grow bg-indigo-300 w-full h-36 md:h-72 object-cover">
    </div>
  </div>
</template>


<script>

export default {
    props: {
        entity: Object,
        user: Object,
        feed_id: Number,
    },

}
</script>
