import { Tabs as e } from "../../atomic/molecules/tabs/Tabs.js";
import { panel as t, panels as n, tabsBar as r, tabsInner as i, wrapper as a } from "./TabsContentLayout.css.js";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
//#region src/components/layout/TabsContentLayout.tsx
var c = (c) => {
	let { ariaLabel: l, children: u, tabs: d } = c;
	return /* @__PURE__ */ s("div", {
		className: a,
		children: [/* @__PURE__ */ o("div", {
			className: r,
			children: /* @__PURE__ */ o("div", {
				className: i,
				children: /* @__PURE__ */ o(e, {
					items: d,
					ariaLabel: l
				})
			})
		}), /* @__PURE__ */ o("div", {
			className: n,
			children: /* @__PURE__ */ o("section", {
				role: "tabpanel",
				className: t,
				children: u
			})
		})]
	});
};
//#endregion
export { c as TabsContentLayout };

//# sourceMappingURL=TabsContentLayout.js.map