import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
var fontSize = selectors.fontSize,
  spacing = selectors.spacing,
  color = selectors.color,
  animation = selectors.animation;
export var StyledText = styled.span.withConfig({
  displayName: "StyledText",
  componentId: "sc-1j3h6m9-0"
})(["display:inline-block;font-size:", ";vertical-align:middle;font-weight:500;margin-left:", ";color:", ";a{color:", ";text-decoration:underline;transition:color ", ";&:hover{color:", ";}}"], fontSize('base'), spacing('4'), color('neutral', '400'), color('neutral', '700'), animation('default'), color('action', '600'));