Slot

import React from 'react';
import { Sidebar, NavGroup } from '@minddrop/ui';
import { Slot } from '@minddrop/core';

export const AppSidebar = () => (
  <Sidebar>
    <Slot location="Sidebar:PrimaryNav:Above" />
    <NavGroup label="Main menu">
      <Slot location="Sidebar:PrimaryNav:Item" />
    </NavGroup>
    <Slot location="Sidebar:PrimaryNav:Below" />
  </Sidebar>
);