@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
31 lines (27 loc) • 1.13 kB
JavaScript
"use client";
const require_create_component = require('../../core/components/create-component.cjs');
const require_grid_style = require('./grid.style.cjs');
//#region src/components/grid/grid.tsx
const { PropsContext: GridPropsContext, usePropsContext: useGridPropsContext, withContext } = require_create_component.createComponent("grid", require_grid_style.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
exports.Grid = Grid;
exports.GridPropsContext = GridPropsContext;
exports.useGridPropsContext = useGridPropsContext;
//# sourceMappingURL=grid.cjs.map