import styled, { css } from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { COMPONENT_SIZE } from '../../Forms';
import { StyledInlineButton } from '../../InlineButtons/partials/StyledInlineButton';
var color = selectors.color;
export var StyledDivider = styled.div.withConfig({
  displayName: "StyledDivider",
  componentId: "sc-jip9d5-0"
})(["position:relative;border-left:1px solid ", ";height:24px;top:10px;", " ", " + &{top:0;}"], color('neutral', '200'), function (_ref) {
  var $size = _ref.$size;
  return $size === COMPONENT_SIZE.SMALL && css(["height:21px;top:5px;"]);
}, StyledInlineButton);