import React from 'react'
import { Overlay } from 'atoms/Overlay'
import { SidebarItem } from './typings'

export function renderSidebarItem(props: SidebarItem, state) {
  const {
    className,
    isVisible,
    side,
    // contents,
    children,
    handleToggle,
  } = state

  return (
    <React.Fragment>
      <Overlay
        key="o"
        onClose={handleToggle}
        isVisible={isVisible}
      />
      <SidebarBox
        // id={identifier}
        className={className}
        side={'right'}
        isVisible={isVisible}
      >
        {children}
      </SidebarBox>
    </React.Fragment>
  )
}