import React , { ComponentProps , FC } from 'react' ; import { Box } from '..' ; import SidebarItem from './Item' ; import SidebarSection from './Section' ; import SidebarTopBar from './TopBar' ; export const Sidebar = ( props ) => < Box rcx - sidebar { ... props } />; Sidebar . TopBar = SidebarTopBar ; Sidebar . Item = SidebarItem ; Sidebar . Section = SidebarSection ; export default Sidebar ; export { default as SidebarItem } from './Item' ; export * from './Item' ; export { default as SidebarSection } from './Section' ; export * from './Section' ; export { default as SidebarTopBar } from './TopBar' ; export * from './TopBar' ; export * from './SidebarFooter' ;