import * as React from "react"
import { type Icon } from "@tabler/icons-react"

import {
    SidebarGroup,
    SidebarGroupContent,
    SidebarMenu,
    SidebarMenuButton,
    SidebarMenuItem,
} from "@/components/ui/sidebar"
// import { NavSecondaryClient } from "./nav-secondary-client"
import { NavSecondaryClient } from "./nav-secondary-client"

export function NavSecondary({
    items,
    ...props
}: {
    items: {
        title: string
        url: string
        iconName: string
    }[]
} & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {
    return (
        <SidebarGroup {...props}>
            <SidebarGroupContent>
                <NavSecondaryClient items={items} />
            </SidebarGroupContent>
        </SidebarGroup>
    )
}