/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0d43332 | Cube Dev Team */
import { extractStyles } from "../../utils/styles.js";
import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";

//#region src/components/layout/Flow.tsx
const FlowElement = tasty({ styles: {
	display: "block",
	flow: "column"
} });
const STYLE_PROPS = CONTAINER_STYLES;
const Flow = forwardRef(function Flow(props, ref) {
	const styles = extractStyles(props, STYLE_PROPS);
	return /* @__PURE__ */ jsx(FlowElement, {
		...filterBaseProps(props, { eventProps: true }),
		ref,
		styles
	});
});

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