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

//#region src/components/content/Layout/LayoutFlex.tsx
const FlexElement = tasty(_LayoutContent, {
	qa: "LayoutFlex",
	styles: {
		container: "none",
		flexShrink: 0,
		flexGrow: 0,
		Inner: {
			display: "flex",
			flow: "row",
			padding: 0
		}
	}
});
function LayoutFlex(props, ref) {
	const { children, scrollbar = "tiny", ...otherProps } = props;
	return /* @__PURE__ */ jsx(FlexElement, {
		...otherProps,
		ref,
		scrollbar,
		children
	});
}
const _LayoutFlex = forwardRef(LayoutFlex);
_LayoutFlex.displayName = "Layout.Flex";

//#endregion
export { _LayoutFlex };
//# sourceMappingURL=LayoutFlex.js.map