import { r as s, h as o, H as i } from "./index.e6beb8d9.js";
import { c as a } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const e = () => ".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}}", t = class {
  constructor(r) {
    s(this, r), this.orientation = "vertical";
  }
  render() {
    const r = a("form-group", `form-group--orientation-${this.orientation}`);
    return o(i, { key: "25b5485f99ee9bd19a698cc4581f1cc9eedba08a" }, o("div", { key: "bffb71df7c492993385baf43fcdd9edb3de87398", class: r }, o("slot", { key: "6fd9548361aa5be9e63a4c4e3bda3bd2160570a3" })));
  }
};
t.style = e();
export {
  t as swirl_form_group
};
