import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { TIMELINE_BG_COLOR, TIMELINE_BORDER_COLOR } from '../constants';
var spacing = selectors.spacing;
export var StyledDay = styled.div.withConfig({
  displayName: "StyledDay",
  componentId: "sc-13ve9qm-0"
})(["display:inline-flex;align-items:center;justify-content:center;height:2.5rem;background-color:", ";border-bottom:", " solid ", ";border-right:", " solid ", ";width:", ";"], TIMELINE_BG_COLOR, spacing('px'), TIMELINE_BORDER_COLOR, spacing('px'), TIMELINE_BORDER_COLOR, function (_ref) {
  var $width = _ref.$width;
  return "".concat($width, "px");
});