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

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

"use client";


import { utils_exports } from "../../utils/index.js";
import { createComponent } from "../../core/components/create-component.js";
import { gridItemStyle } from "./grid-item.style.js";

//#region src/components/grid/grid-item.tsx
const { PropsContext: GridItemPropsContext, usePropsContext: useGridItemPropsContext, withContext } = createComponent("grid-item", gridItemStyle);
const GridItem = withContext("div")(void 0, ({ area: gridArea, colEnd: gridColumnEnd, colSpan, colStart: gridColumnStart, rowEnd: gridRowEnd, rowSpan, rowStart: gridRowStart,...rest }) => ({
	gridArea,
	gridColumn: (0, utils_exports.replaceObject)(colSpan, (value) => value != null ? `span ${value}/span ${value}` : void 0),
	gridColumnEnd,
	gridColumnStart,
	gridRow: (0, utils_exports.replaceObject)(rowSpan, (value) => value != null ? `span ${value}/span ${value}` : void 0),
	gridRowEnd,
	gridRowStart,
	...rest
}));

//#endregion
export { GridItem, GridItemPropsContext, useGridItemPropsContext };
//# sourceMappingURL=grid-item.js.map