import styled, { css } from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { StyledNavItem } from './StyledNavItem';
var color = selectors.color;
export var StyledNavItemIcon = styled.div.withConfig({
  displayName: "StyledNavItemIcon",
  componentId: "sc-1uqvp4b-0"
})(["display:inline-flex;align-items:center;width:100%;padding:0.55rem 0;justify-content:space-evenly;svg{width:18px;height:18px;color:", ";", ":hover &{color:", ";}}", ""], color('neutral', '100'), StyledNavItem, color('neutral', 'white'), function (_ref) {
  var isOpen = _ref.isOpen;
  return isOpen && css(["width:auto;padding:0.55rem;"]);
});