import { styled } from "../core/styled.js";
import "../core/index.js";
import { stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, variantColor } from "./consts.js";

//#region src/stepperHorizontal/stepperHorizontalBase.ts
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]};
  }`)}
`;
var stepperHorizontalBase_default = StepperHorizontalBase;

//#endregion
export { stepperHorizontalBase_default as default };
globalThis.__vuiVersion__ = "4.0.0-beta.1"
//# sourceMappingURL=stepperHorizontalBase.js.map