{"size": 1057, "ext": "js", "max_stars_repo_path": "src/Components/Navigation/NavigationItems/NavigationItems.js", "max_stars_repo_name": "DawidSzpener/Ripicipi", "max_stars_repo_stars_event_min_datetime": "2021-01-10T00:10:47.000Z", "max_stars_repo_stars_event_max_datetime": "2021-01-10T00:10:47.000Z", "max_issues_repo_path": "src/Components/Navigation/NavigationItems/NavigationItems.js", "max_issues_repo_name": "DawidSzpener/Ripicipi", "max_issues_repo_issues_event_min_datetime": "2020-07-04T14:56:36.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T03:10:21.000Z", "max_forks_repo_path": "src/Components/Navigation/NavigationItems/NavigationItems.js", "max_forks_repo_name": "DawidSzpener/Ripicipi", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 5, "max_forks_count": null, "avg_line_length": 36.4482758621, "max_line_length": 134, "alphanum_fraction": 0.6613055818}
import React from 'react'

import './NavigationItems.scss'
import magnifier from '../../../assets/pictures/magnifier.png'

import NavigationItem from './NavigationItem/NavigationItem'
import AnimatedDropdown from '../../UI/AnimatedDropdown/AnimatedDropdown'

const navigationItems = (props) => (
  <ul className='NavigationItems'>
    <NavigationItem close={props.clicked} link='/search'><img className="Magnifier" alt="magnifier" src={magnifier}/></NavigationItem>
    <NavigationItem close={props.clicked} link='/'>Recipes</NavigationItem>
    <NavigationItem close={props.clicked} link='/add'>New Recipe</NavigationItem>
    <AnimatedDropdown shape="rectangle" headerPosition="right" title="Categories" list={[
      {value: "breakfast", id: 1},
      {value: "dinner", id: 2},
      {value: "desserts", id: 3},
      {value: "baking", id: 4},
      {value: "sauces", id: 5},
      {value: "salads", id: 6},
      {value: "pizza", id: 7},
      {value: "snacks", id: 8},
      {value: "liquids", id: 9}
    ]}/>
  </ul>
)

export default navigationItems
