@serendie/ui/dist/components/DataTable/table/Root.js

Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric

import { jsx as e } from "react/jsx-runtime";
import l from "react";
import { cx as c } from "../../../styled-system/css/cx.js";
import { sva as d } from "../../../styled-system/css/sva.js";
const n = d({
  slots: ["container", "table"],
  base: {
    container: {
      borderWidth: "1px",
      borderStyle: "solid",
      borderColor: "sd.system.color.component.outline",
      borderRadius: "4px",
      overflow: "hidden",
      boxShadow: "sm",
      background: "sd.system.color.component.surface",
      overflowX: "auto"
    },
    table: {
      w: "100%",
      borderCollapse: "separate",
      borderSpacing: 0
    }
  }
}), f = l.forwardRef(({ children: r, className: t, ...a }, s) => {
  const o = n();
  return /* @__PURE__ */ e("div", { ref: s, className: c(o.container, t), ...a, children: /* @__PURE__ */ e("table", { role: "table", className: o.table, children: r }) });
});
export {
  f as Root
};