56bad084721368e04066e0aadd3aaeb5418bfce9
[sdc/sdc-workflow-designer.git] /
1 /*!
2  * Copyright © 2016-2018 European Support Limited
3  *
4  * Licensed under the Apache License, Version 2.0 (the "License");
5  * you may not use this file except in compliance with the License.
6  * You may obtain a copy of the License at
7  *
8  * http://www.apache.org/licenses/LICENSE-2.0
9  *
10  * Unless required by applicable law or agreed to in writing, software
11  * distributed under the License is distributed on an "AS IS" BASIS,
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
13  * or implied. See the License for the specific language governing
14  * permissions and limitations under the License.
15  */
16
17 import React from 'react';
18 import PropTypes from 'prop-types';
19 import NavigationMenuItem from './NavigationMenuItem';
20
21 const NavigationMenuItems = ({
22     items,
23     activeItemId,
24     onNavigationItemClick
25 }) => {
26     return (
27         <div className="navigation-group-items">
28             {items &&
29                 items.map(item => (
30                     <NavigationMenuItem
31                         key={'menuItem_' + item.id}
32                         item={item}
33                         activeItemId={activeItemId}
34                         onNavigationItemClick={onNavigationItemClick}
35                     />
36                 ))}
37         </div>
38     );
39 };
40
41 NavigationMenuItems.propTypes = {
42     items: PropTypes.array,
43     activeItemId: PropTypes.string,
44     onNavigationItemClick: PropTypes.func
45 };
46
47 export default NavigationMenuItems;