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;