import { r as s, h as o, H as i } from "./index.61732cef.js";
import { c as a } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const t = () => ".sc-swirl-form-group-h{display:block;width:100%}.sc-swirl-form-group-h *.sc-swirl-form-group{box-sizing:border-box}.form-group.sc-swirl-form-group{display:flex;flex-direction:column;gap:var(--s-space-16)}@media (min-width: 768px){.form-group.sc-swirl-form-group{gap:var(--s-space-24)}}.form-group--orientation-horizontal.sc-swirl-form-group{gap:var(--s-space-16)}@media (min-width: 768px){.form-group--orientation-horizontal.sc-swirl-form-group{flex-direction:row}}", c = class {
  constructor(r) {
    s(this, r), this.orientation = "vertical";
  }
  render() {
    const r = a("form-group", `form-group--orientation-${this.orientation}`);
    return o(i, { key: "27c776933e611db34340c4c46e871c6a5c78ac56" }, o("div", { key: "e801e9c4c4013a28f1456f314426422ada9790c3", class: r }, o("slot", { key: "86dd7cf778966be7a44546b87905b3283857387b" })));
  }
};
c.style = t();
export {
  c as swirl_form_group
};
