/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1fc5ad1 | Cube Dev Team */
import { tasty } from "../../../tasty/tasty.js";
import { _LayoutContent } from "./LayoutContent.js";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";

//#region src/components/content/Layout/LayoutBlock.tsx
const BlockElement = tasty(_LayoutContent, {
	qa: "LayoutBlock",
	styles: {
		container: "none",
		flexShrink: 0,
		flexGrow: 0,
		Inner: { display: "block" }
	}
});
function LayoutBlock(props, ref) {
	const { children, scrollbar = "tiny", ...otherProps } = props;
	return /* @__PURE__ */ jsx(BlockElement, {
		...otherProps,
		ref,
		scrollbar,
		children
	});
}
const _LayoutBlock = forwardRef(LayoutBlock);
_LayoutBlock.displayName = "Layout.Block";

//#endregion
export { _LayoutBlock };
//# sourceMappingURL=LayoutBlock.js.map