@reusable-ui/nav/dist/NavActionItem.js

A navigation component to navigate between pages.

// react:
import { 
// react:
default as React, } from 'react';
// reusable-ui components:
import { ListItem, } from '@reusable-ui/list'; // represents a series of content
export const NavActionItem = (props) => {
    // rest props:
    const { 
    // accessibilities:
    label, 
    // components:
    listItemComponent = React.createElement(ListItem, null), ...restListItemProps } = props;
    // jsx:
    /* <ListItem> */
    return React.cloneElement(listItemComponent, 
    // props:
    {
        // other props:
        ...restListItemProps,
        ...listItemComponent.props,
        // semantics:
        'aria-label': listItemComponent.props['aria-label'] ?? label,
    }, 
    // children:
    listItemComponent.props.children ?? props.children);
};