import * as React from 'react';
import { Children } from 'react';

export interface NavigationOptionListProps {
  children: React.ReactNode;
}

const NavigationOptionList = ({ children }: NavigationOptionListProps) => {
  return (
    <ul className="np-navigation-options-list">
      {Children.map(children, (child) => (
        <li key={child?.toString()} className="np-navigation-options-list__item">
          {child}
        </li>
      ))}
    </ul>
  );
};

export default NavigationOptionList;
