@yamada-ui/react/dist/cjs/components/grid/grid-item.cjs

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

"use client";


const require_utils_index = require('../../utils/index.cjs');
const require_create_component = require('../../core/components/create-component.cjs');
const require_grid_item_style = require('./grid-item.style.cjs');

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

//#endregion
exports.GridItem = GridItem;
exports.GridItemPropsContext = GridItemPropsContext;
exports.useGridItemPropsContext = useGridItemPropsContext;
//# sourceMappingURL=grid-item.cjs.map