import styled from 'styled-components' ; import theme from './../theme' ; import Icon from '../Icon' ; import SideNavItem from './SideNavItem' ; const SideNavItemIcon = styled ( Icon ) `
  ${ SideNavItem }:active &,
  ${ SideNavItem }.active & {
    opacity: 1;
  }

  ${ SideNavItem }:focus &,
  ${ SideNavItem }:hover & {
    opacity: 1;
  }

  opacity: 0.56;
` ; SideNavItemIcon . displayName = 'SideNavItemIcon' ; SideNavItemIcon . defaultProps = { fontSize : 4 , theme : theme , mr : 3 , ml : - 6 , } ; export default SideNavItemIcon ;