import React from 'react';

import DynamicLink from './DynamicLink.jsx';

import './SideBar.scss';

const ContextualLinks = ({ links }) => (

<div className="contextual-links">

{

links.map((item) => {

if (item.type === 'link') {

return (

<div className="contextual-links__link" key={item.name}>

<DynamicLink url={item.url} name={item.name} />

</div>

);

}

if (item.type === 'subtitle') {

return (

<div className="contextual-links__subtitle" key={item.name}>

{item.name}

</div>

);

}

return (

<div className="contextual-links__section" key={Math.random()}>{item.name}</div>

);

})

}

</div>

);

export default ContextualLinks;