import * as React from 'react';
import { ItemAdditional } from '@assets/js-menu/ItemAdditional';
import { IPage } from '@assets/js-menu/GraphQLInterfaces';


export interface IListAdditionalProps {
   pages: IPage[];
}

export const ListAdditional = (props: IListAdditionalProps) => {
   return (
      <div className="resp-menu-additional">
         <ul className="nav list-unstyled">
            {props.pages.map((page: IPage, key: number) => <ItemAdditional key={key} page={page}/>)}
         </ul>
      </div>
   );
};
