@lobehub/ui/es/awesome/BentoGrid/BentoGrid.mjs

Lobe UI is an open-source UI component library for building AIGC web apps

"use client";
import { styles } from "./style.mjs";
import { memo } from "react";
import { jsx } from "react/jsx-runtime";
import { cx } from "antd-style";
//#region src/awesome/BentoGrid/BentoGrid.tsx
const BentoGrid = memo(({ className, columns = 4, rowHeight = 120, style, ...rest }) => /* @__PURE__ */ jsx("div", {
	className: cx(styles.grid, className),
	style: {
		"--bento-columns": columns,
		"--bento-row-height": `${rowHeight}px`,
		...style
	},
	...rest
}));
BentoGrid.displayName = "BentoGrid";
//#endregion
export { BentoGrid as default };

//# sourceMappingURL=BentoGrid.mjs.map