import styled, { css } from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
var color = selectors.color;
export var StyledAvatar = styled.span.withConfig({
  displayName: "StyledAvatar",
  componentId: "sc-wfn85m-0"
})(["display:flex;justify-content:center;align-items:center;height:30px;width:30px;border-radius:15px;background:", ";color:", ";font-size:12px;font-weight:bold;text-decoration:none;&:hover{background:", ";color:", ";cursor:pointer;}", ""], color('neutral', 'white'), color('neutral', '600'), color('action', '500'), color('neutral', 'white'), function (_ref) {
  var $dark = _ref.$dark;
  return $dark && css(["background:", ";color:", ";"], color('neutral', '400'), color('neutral', 'white'));
});