import styled, { css } from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { Badge } from '../../Badge';
var spacing = selectors.spacing;
export var StyledBadge = styled(Badge).withConfig({
  displayName: "StyledBadge",
  componentId: "sc-u3t2td-0"
})(["display:none;", ""], function (_ref) {
  var $isCollapsible = _ref.$isCollapsible;
  return $isCollapsible && css(["display:inline-block;margin-left:", ";"], spacing('4'));
});