"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.VLine = exports.Ring = exports.BasicTemRing = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const Ring = styled_components_1.default.span `
  position: absolute;
  width: 8px;
  height: 8px;
  top: calc(50% - 4px);
  left: 12px;
  z-index: 10;
  border: 2px solid #ffbb96;
  background-color: #fff;
  border-radius: 50%;
`;
exports.Ring = Ring;
const BasicTemRing = (0, styled_components_1.default)(Ring) `
  width: 12px;
  height: 12px;
  top: calc(50% - 6px);
  left: 10px;
  border: 2px solid #fa541c;
`;
exports.BasicTemRing = BasicTemRing;
const VLine = styled_components_1.default.span `
  position: absolute;
  height: 100%;
  width: 2px;
  top: -50%;
  left: 15px;
  border-right: 1px dashed #ffbb96;
`;
exports.VLine = VLine;
