import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
var color = selectors.color;
export var StyledCheckmark = styled.span.withConfig({
  displayName: "StyledCheckmark",
  componentId: "sc-1fyval6-0"
})(["display:block;position:relative;height:100%;width:100%;border-radius:999px;border:1px solid ", ";outline:none;&::after,&::before{content:'';top:0;left:0;right:0;bottom:0;border-radius:999px;position:absolute;display:none;}"], function (_ref) {
  var $hasContainer = _ref.$hasContainer,
    $isDisabled = _ref.$isDisabled;
  return color('neutral', $hasContainer || !$isDisabled ? '200' : '100');
});