import { styled } from '../core';
import { stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, variantColor } from './consts';
const StepperHorizontalBase = styled.divBox `
  display: flex;
  width: 100%;

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

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