import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { getTransitionOpacity } from '../../../../styled-components';
var color = selectors.color,
  fontSize = selectors.fontSize,
  spacing = selectors.spacing;
export var StyledNotificationsLabel = styled.span.withConfig({
  displayName: "StyledNotificationsLabel",
  componentId: "sc-13htu09-0"
})(["flex:1;text-align:left;color:", ";font-size:", ";margin-left:", ";white-space:nowrap;display:none;opacity:", ";transition:opacity 150ms linear;"], color('neutral', '100'), fontSize('m'), spacing('4'), function (_ref) {
  var $transitionStatus = _ref.$transitionStatus;
  return getTransitionOpacity($transitionStatus);
});