import { r as t, h as s, H as a } from "./index.61732cef.js";
import "react";
import "react-dom";
const o = () => ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", l = class {
  constructor(e) {
    t(this, e);
  }
  render() {
    return s(a, { key: "a739e72dbafd7d9c6568f2232503adf7e360c6fd", class: "table-cell", role: "cell" }, s("slot", { key: "fb9930dcbae3262b5303d16f5b1521e13f5981d7" }));
  }
};
l.style = o();
export {
  l as swirl_table_cell
};
