<template>
  <div class="shadow-classic rounded-md bg-indigo-200 p-3 md:px-5 md:py-7 relative">
    <div class="absolute inset-0 flex items-center justify-center z-10 text-white text-sm sm:text-lg w-full object-cover font-medium">
      <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 object-cover"></div>
  </div>
</template>

<script>


export default {

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

}
</script>
