@yamada-ui/react/dist/esm/components/grid/grid.js

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

"use client";


import { createComponent } from "../../core/components/create-component.js";
import { gridStyle } from "./grid.style.js";

//#region src/components/grid/grid.tsx
const { PropsContext: GridPropsContext, usePropsContext: useGridPropsContext, withContext } = createComponent("grid", gridStyle);
/**
* `Grid` is a component for managing grid layouts. It also comes with handy style shorthand.
*
* @see https://yamada-ui.com/docs/components/grid
*/
const Grid = withContext("div")(void 0, ({ area: gridArea, autoColumns: gridAutoColumns, autoFlow: gridAutoFlow, autoRows: gridAutoRows, column: gridColumn, templateAreas: gridTemplateAreas, templateColumns: gridTemplateColumns, templateRows: gridTemplateRows,...rest }) => ({
	display: "grid",
	gridArea,
	gridAutoColumns,
	gridAutoFlow,
	gridAutoRows,
	gridColumn,
	gridTemplateAreas,
	gridTemplateColumns,
	gridTemplateRows,
	...rest
}));

//#endregion
export { Grid, GridPropsContext, useGridPropsContext };
//# sourceMappingURL=grid.js.map