<template>
<inertia-link :href="route('feed.tags', slug)"
    :class="[$page.component === 'Tag/Feed' ? 'bg-orange shadow-classic2' : 'shadow-classic bg-indigo-200 hover:bg-orange' , 'transition inline-flex items-center px-3 py-3 lg:px-6 lg:py-6 xl:px-10 text-sm lg:text-lg justify-center  rounded-md  text-white focus:outline-none']">
    Все
</inertia-link>
<inertia-link :href="route('list.images.tag', slug)"
    :class="[$page.component === 'Image/Index' ? 'bg-orange shadow-classic2' : 'shadow-classic bg-indigo-200 hover:bg-orange' , 'transition inline-flex items-center px-3 py-3 lg:px-6 lg:py-6 xl:px-10 text-sm lg:text-lg justify-center  rounded-md  text-white focus:outline-none']">
    Изображения
</inertia-link>
<inertia-link :href="route('list.musics.tag', slug)"
    :class="[$page.component === 'Music/Feed' ? 'bg-orange shadow-classic2' : 'shadow-classic bg-indigo-200 hover:bg-orange' , 'transition inline-flex items-center px-3 py-3 lg:px-6 lg:py-6 xl:px-10 text-sm lg:text-lg justify-center  rounded-md  text-white focus:outline-none']">
    Музыка
</inertia-link>
<inertia-link :href="route('list.videos.tag', slug)"
    :class="[$page.component === 'Video/Feed' ? 'bg-orange shadow-classic2' : 'shadow-classic bg-indigo-200 hover:bg-orange' , 'transition inline-flex items-center px-3 py-3 lg:px-6 lg:py-6 xl:px-10 text-sm lg:text-lg justify-center  rounded-md  text-white focus:outline-none']">
    Видео
</inertia-link>
</template>
<script>
export default {
    props: {
        slug: String,
    },
}
</script>
