import React from "react";
import { Link, BrowserRouter as Router, Route } from "react-router-dom";

const items = [
  { name: "Logo", label: "Logo", path: "/" },
  {
    name: "roiCalculator",
    label: "ROI Calculator",
    path: "/",
    items: [
      { name: "dashboard", label: "Dashboard" },
      { name: "hiddenTransaction", label: "Hidden Transaction Fees" },
      { name: "internalProductivity", label: "Internal Productivity and Labor Savings" },
      { name: "internationalRevenue", label: "International Revenue" },
      { name: "summary", label: "Summary" }
    ]
  },
  { name: "", label: "", path: "/" },
  { name: "", label: "", path: "/" },
  { name: "mr", label: "MR", path: "/" },
  { name: "ex", label: "EX", path: "/ex", exact: true, sidebar: () => <div>home</div> },
  { name: "cx", label: "CX" },
  {}
];

export default () => {
  return (
    <>
      <div className="sidebar">
        {items.map(item => {
          <ul style={{ listStyleType: "none", padding: 0 }}>
            <li>
              <Link to={item.path}>{item.name}</Link>
            </li>
          </ul>;
        })}
      </div>
    </>
  );
};