import { styled } from 'styled-components';
import { cssClass, themeGet } from '../../utils/index.js';
import { Box } from '../../atoms/box/index.js';
export const StyledCurrentUserNav = styled(Box).withConfig({
  displayName: "current-user-nav-styled__StyledCurrentUserNav",
  componentId: "sc-1acsbol-0"
})(["text-align:right;& .line-action{.", " svg{stroke:", ";}&:hover .", " svg{stroke:", ";}}& img{width:36px;height:36px;border-radius:40px;margin:-1px ", " 0;}"], cssClass('Icon'), themeGet('colors', 'grey80'), cssClass('Icon'), themeGet('colors', 'primary100'), themeGet('space', 'md'));
StyledCurrentUserNav.defaultProps = {
  flex: true,
  flexDirection: 'row'
};
export default StyledCurrentUserNav;