| | |
| | | import { useSelectedLayoutSegment } from 'next/navigation' |
| | | import Link from 'next/link' |
| | | import classNames from '@/utils/classnames' |
| | | import type { RemixiconComponentType } from '@remixicon/react' |
| | | |
| | | export type NavIcon = React.ComponentType< |
| | | React.PropsWithoutRef<React.ComponentProps<'svg'>> & { |
| | | title?: string | undefined |
| | | titleId?: string | undefined |
| | | }> | RemixiconComponentType |
| | | } |
| | | > |
| | | |
| | | export type NavLinkProps = { |
| | | name: string |
| | |
| | | key={name} |
| | | href={href} |
| | | className={classNames( |
| | | isActive ? 'bg-state-accent-active text-text-accent font-semibold' : 'text-components-menu-item-text hover:bg-state-base-hover hover:text-components-menu-item-text-hover', |
| | | isActive ? 'bg-state-accent-active text-text-accent font-semibold' : 'text-components-menu-item-text hover:bg-gray-100 hover:text-components-menu-item-text-hover', |
| | | 'group flex items-center h-9 rounded-md py-2 text-sm font-normal', |
| | | mode === 'expand' ? 'px-3' : 'px-2.5', |
| | | )} |