import { styled } from '@skava/modules/___dist/view-container'
import { SeparatorIcon } from 'atoms/Icons/SeparatorIcon'
import List, { ListItemsWrapper, ItemPanel } from 'molecules/List'

const NavMenuList = styled.withComponent(List)`
  display: flex;

  ${ItemPanel} {
    margin-left: 15px;
    display: flex;
    align-items: center;
  }

  ${ItemPanel}:last-child {
    margin-right: 0px;
  }

`

const NavSeparatorIcon = styled.withComponent(SeparatorIcon)`
  margin-left: 15px;
`

export { NavMenuList, NavSeparatorIcon }