/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a795c5b | Cube Dev Team */
import { extractStyles } from "../../tasty/utils/styles.js";
import { CONTAINER_STYLES } from "../../tasty/styles/list.js";
import { tasty } from "../../tasty/tasty.js";
import { filterBaseProps } from "../../tasty/utils/filter-base-props.js";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";

//#region src/components/layout/Grid.tsx
const GridElement = tasty({ styles: {
	display: "grid",
	flow: "row"
} });
const PROP_MAP = {
	template: "gridTemplate",
	columns: "gridColumns",
	rows: "gridRows",
	areas: "gridAreas"
};
const Grid = forwardRef(function Grid(props, ref) {
	const styles = extractStyles(props, CONTAINER_STYLES, void 0, PROP_MAP);
	return /* @__PURE__ */ jsx(GridElement, {
		...filterBaseProps(props, { eventProps: true }),
		ref,
		styles
	});
});

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