import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { StyledContextMenuItem } from './StyledContextMenuItem';
var color = selectors.color,
  fontSize = selectors.fontSize;
export var StyledText = styled.span.withConfig({
  displayName: "StyledText",
  componentId: "sc-znaleu-0"
})(["display:block;color:", ";font-weight:600;font-size:", ";white-space:nowrap;text-overflow:ellipsis;overflow:hidden;", " ", ":hover &{color:", ";}"], color('neutral', '400'), fontSize('base'), function (_ref) {
  var hasIcon = _ref.hasIcon;
  return !hasIcon && "margin-left: 1.25rem;";
}, StyledContextMenuItem, color('neutral', '400'));