src/components/menu/Item.jsx
import React from 'react';
const Item = (props) => {
const {
children, textColor = 'white', className = '', to = '#', ...rest
} = props;
const styles = {
color: textColor,
};
return (
<li className={`mcs-menu-item ${className}`} {...rest}>
<a href={to} className="mcs-menu-link" style={styles}>
{children}
</a>
</li>
);
};
export default Item;