import React from 'react'
import { Link } from 'atoms/Link'
import { NavSeparatorIcon } from './styled'
import { ItemPanel, ListProps } from 'molecules/List'
import { NavigationMenuProps } from './typings'
import { Empty } from 'atoms/Empty'

/**
 *
 * rendering item
 */
function renderItem(data: any, props?: NavigationMenuProps) {
  console.log(props)
  return (
    <ItemPanel>
      <Link text={data.label} to={data.link} />
      <NavSeparatorIcon />
    </ItemPanel>
  )
}

/**
 *
 * rendering separator
 */
function renderSeparator(props: NavigationMenuProps) {
  return <NavSeparatorIcon />
}

export { renderSeparator, renderItem }