/**
 * This is the side nav component
 * that houses the link/routing
 * to the various tabs.
 *
 *
 * @author kevin
 **/

import * as React from 'react';
import AdminSideNavigationContainer from './AdminSideNavigation.container';
import { AdminSideNavigationItem, AdminSideNavigationItemProps } from './AdminSideNavigationItem';

const AdminSideNavigationData = [
  {
    to: '/admin/bookings/transactions',
    title: 'Booking Transactions'
  },
  {
    to: '/admin/bookings/details',
    title: 'Full Booking Details'
  },
];

const AdminSideNavigation = (): JSX.Element =>  (
  <AdminSideNavigationContainer>
    <header>Booking</header>
    {AdminSideNavigationData.map((row: AdminSideNavigationItemProps, index: number) => (
      <AdminSideNavigationItem key={index} {...row} />
     ))}
  </AdminSideNavigationContainer>
);


export default AdminSideNavigation;