"use client" // next import Link from "next/link" import { usePathname } from "next/navigation" // third-party import { cn } from "cn" // project-imports import { NAV_TEMPLATES } from "@/components-grid" import { getTemplateHref } from "@/data/templates" interface TemplateListProps { search?: string onSelect?: () => void } interface TemplateLinkProps { title: string badge: string | number href: string isActive: boolean newTab?: boolean onSelect?: () => void } function TemplateLink({ title, badge, href, isActive, newTab, onSelect, }: TemplateLinkProps) { const isExternal = newTab ?? href.startsWith("http") return ( {title} {badge} ) } // ------------------------------ | LAYOUT - TEMPLATE LIST | ------------------------------ // export default function TemplateList({ search = "", onSelect, }: TemplateListProps) { const pathname = usePathname() const filteredSections = NAV_TEMPLATES.map((section) => ({ ...section, items: section.items.filter( (item) => item.title.toLowerCase().includes(search.toLowerCase()) || item.slug.toLowerCase().includes(search.toLowerCase()) ), })).filter((section) => section.items.length > 0) const totalTemplates = NAV_TEMPLATES.reduce( (total, section) => total + section.items.length, 0 ) return (

{filteredSections.map((section) => (

{section.title}

{section.items.map((item) => { const href = getTemplateHref(item.slug) return ( ) })}

))}

) }