import React, { useState } from 'react'
import { Link, usePage } from '@inertiajs/react'
import { IconChevronDown, IconChevronUp, IconCornerDownRight } from '@tabler/icons-react'
export default function LinkItemDropdown({ icon, title, data, access, sidebarOpen, ...props }) {
// destruct url from usepage
const { url } = usePage();
// define state
const [isOpen, setIsOpen] = useState(false);
// destruct auth from usepage props
const { auth } = usePage().props;
console.log(auth)
return (
<>
{
auth.super === true ?
sidebarOpen ?
<>
{isOpen &&
data.map((data, i) => (
data.permissions === true &&
{data.title}
))
}
:
<>
{isOpen &&
data.map((data, i) => (
data.permissions === true &&
{data.icon}
))
}
:
access === true &&
sidebarOpen ?
<>
{isOpen &&
data.map((data, i) => (
data.permissions === true &&
{data.title}
))
}
:
<>
{isOpen &&
data.map((data, i) => (
data.permissions === true &&
{data.icon}
))
}
}
)
}