<template>

<meta-head title="Профиль юзера"></meta-head>

<profile-header :user='user' :counts='counts' />

<profile-menu :user='user'  />

<div class="mt-12 xl:container xl:mx-auto px-2 md:px-3">
    <div class="grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 cards-block rounded-md bg-indigo-200 shadow-classic grid gap-2 lg:gap-4 grid-cards p-2 lg:p-5">

        <feed
            :self-user="user.id"
            :self-feed="true"
            :feeds="feeds"
         />

    </div>
</div>

</template>

<script>
import Layout from '@/Shared/Layout'
import MetaHead from '@/Shared/MetaHead'
import ProfileHeader from '@/Shared/Partials/ProfileHeader'
import ProfileMenu from '@/Shared/Partials/ProfileMenu'
import Feed from "@/Shared/Feed/Feed";


export default {
    layout: Layout,
    components: {
        Feed,
        MetaHead,
        ProfileHeader,
        ProfileMenu,
    },
    props: {
        user: Object,
        feeds: Array,
        counts: Object,
    }
}
</script>
