blob: 2e8504345674dcd4f6a272b0cf1d34fbc83348f4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
import {
type ForwardRefRenderFunction,
forwardRef,
type ReactNode,
} from 'react';
import { ListItem, type ListItemProps } from '../../../atoms';
export type NavItemProps = Omit<ListItemProps, 'children' | 'hideMarker'> & {
/**
* The nav item contents.
*/
children: ReactNode;
};
const NavItemWithRef: ForwardRefRenderFunction<HTMLLIElement, NavItemProps> = (
{ children, ...props },
ref
) => (
<ListItem {...props} hideMarker ref={ref}>
{children}
</ListItem>
);
export const NavItem = forwardRef(NavItemWithRef);
|
