import * as React from "react"; import { action } from "@storybook/addon-actions"; import { SidebarSection, SidebarItem, SidebarItemLabel, SidebarSubMenu, SidebarSubMenuItem } from "../../index"; import { padding } from "../../../shared/styles/styleUtils"; import { ProductIcons } from "../../../icons/dist/product-icons-enum"; const alignToLogoStyles = { outer: { marginLeft: "-7px", marginRight: "-7px" }, inner: { marginLeft: "-4px" } }; export const SidebarContent = ({ sidebarData }) => sidebarData.map((section, i) => ( {section.sectionLabel} ) : ( "" ) } key={`section-${i}`} > {section.items.map(item => item.subItems ? (
{item.label}
} menuHasIcon={true} key={item.label} > {item.subItems.map(subItem => (
{subItem.label}
))}
) : (
{item.label}
) )}
)); export const SidebarBareContent = () => (

Content goes here

);