/** @license MIT | @cube-dev/ui-kit v0.127.1 | Cube Dev Team */
import { _LayoutContainer } from "./LayoutContainer.js";
import { tasty } from "@tenphi/tasty";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";

//#region src/components/content/Layout/LayoutCenter.tsx
const CenterElement = tasty(_LayoutContainer, {
	qa: "LayoutCenter",
	styles: {
		placeItems: "stretch",
		placeContent: "stretch",
		Inner: {
			textAlign: "center",
			placeItems: "center",
			placeContent: "center"
		}
	}
});
function LayoutCenter(props, ref) {
	const { children, ...otherProps } = props;
	return /* @__PURE__ */ jsx(CenterElement, {
		...otherProps,
		ref,
		children
	});
}
const _LayoutCenter = forwardRef(LayoutCenter);
_LayoutCenter.displayName = "Layout.Center";

//#endregion
export { _LayoutCenter };
//# sourceMappingURL=LayoutCenter.js.map