"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const core_1 = require("../core");
const consts_1 = require("./consts");
const StepperHorizontalBase = core_1.styled.divBox `
  display: flex;
  width: 100%;

  .${consts_1.stepClassName}:first-of-type .${consts_1.tailClassName}Left, .${consts_1.stepClassName}:last-of-type .${consts_1.tailClassName}Right {
    visibility: hidden;
  }

  .${consts_1.tailClassNameLeft}, .${consts_1.tailClassNameRight} {
    width: 50%;
  }
  ${Object.keys(consts_1.variantColor).map((variant) => `.${consts_1.tailClassNameLeft + variant},
  .${consts_1.tailClassNameRight + variant},
  .${consts_1.stepClassName + variant} + .${consts_1.stepClassName} .${consts_1.tailClassNameLeft} {
    border-bottom: 1px solid ${consts_1.variantColor[variant]};
  }`)}
`;
exports.default = StepperHorizontalBase;
//# sourceMappingURL=stepperHorizontalBase.js.map