import { r, h as o, H as t, g as s } from "./index.e6beb8d9.js";
import { c as a } from "./index-orsBiyT_.fc4357c3.js";
import { l } from "./utils-CCck-DTo.e4e43b6a.js";
import "react";
import "react-dom";
const i = () => ":host{display:flex}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", b = class {
  constructor(e) {
    r(this, e);
  }
  componentDidLoad() {
    const e = l(this.el, "swirl-table");
    e == null || e.rerender();
  }
  render() {
    const e = a("table-row", {
      "table-row--highlighted": this.highlighted
    });
    return o(t, { key: "a0e340287cb78a0bb20a9bc169c71f0a13dec874", "aria-rowindex": this.index, class: e, role: "row" }, o("slot", { key: "54be3d69ae4264751015923ba751b34e8df7a8c6" }));
  }
  get el() {
    return s(this);
  }
};
b.style = i();
export {
  b as swirl_table_row
};
