import { cx as e } from "../../../theme/tools.js";
import { Skeleton as t } from "../../atoms/skeleton/Skeleton.js";
import { body as n, cell as r, container as i, containerVariant as a, header as o, headerCell as s, row as c } from "./backofficeTableSkeleton.css.js";
import { jsx as l, jsxs as u } from "react/jsx-runtime";
//#region src/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.tsx
var d = ({ rows: d = 6, columns: f = 4, variant: p = "framed", ariaLabel: m }) => {
	let h = Array.from({ length: f }, (e, n) => /* @__PURE__ */ l("div", {
		className: s,
		children: /* @__PURE__ */ l(t, {
			variant: "text",
			width: "70%"
		})
	}, `header-${n}`)), g = Array.from({ length: d }, (e, n) => /* @__PURE__ */ l("div", {
		className: c,
		children: Array.from({ length: f }, (e, i) => /* @__PURE__ */ l("div", {
			className: r,
			children: /* @__PURE__ */ l(t, {
				variant: "text",
				width: "80%"
			})
		}, `cell-${n}-${i}`))
	}, `row-${n}`)), _ = /* @__PURE__ */ u("div", {
		className: e(i, a[p]),
		"aria-hidden": "true",
		children: [/* @__PURE__ */ l("div", {
			className: o,
			children: h
		}), /* @__PURE__ */ l("div", {
			className: n,
			children: g
		})]
	});
	return m == null ? _ : /* @__PURE__ */ l("div", {
		role: "status",
		"aria-busy": "true",
		"aria-label": m,
		children: _
	});
};
//#endregion
export { d as BackofficeTableSkeleton, d as default };

//# sourceMappingURL=BackofficeTableSkeleton.js.map