import { r as i, h as e, H as t } from "./index.e6beb8d9.js";
import { c as a } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const o = () => ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", l = class {
  constructor(s) {
    i(this, s), this.width = "15.5rem";
  }
  render() {
    const s = a("carousel-slide", {
      "carousel-slide--has-min-height": Boolean(this.minHeight)
    });
    return e(t, { key: "75b679b553d593388edbc6329be661d567992297", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
      aspectRatio: this.aspectRatio,
      flexBasis: this.width,
      minHeight: this.minHeight
    }, tabIndex: 0 }, e("slot", { key: "aabaaae69d01ceb3a7a9e929f77c3a7de2d63d0e" }));
  }
};
l.style = o();
export {
  l as swirl_carousel_slide
};
