import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { TIMELINE_BORDER_COLOR, TIMELINE_ROW_HEADER_WIDTH } from '../constants';
var spacing = selectors.spacing;
export var StyledInner = styled.div.withConfig({
  displayName: "StyledInner",
  componentId: "sc-bxj1ib-0"
})(["overflow-y:hidden;border-right:", " solid ", ";border-bottom:", " solid ", ";margin-left:", ";"], spacing('px'), TIMELINE_BORDER_COLOR, spacing('px'), TIMELINE_BORDER_COLOR, function (_ref) {
  var $hasSide = _ref.$hasSide;
  return $hasSide ? "".concat(TIMELINE_ROW_HEADER_WIDTH, "px") : 'initial';
});