@ozen-ui/kit/__inner__/cjs/components/Grid/GridItem.js

React component library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.GridItem = exports.cnGridItem = exports.gridItemRowVariant = exports.gridItemColVariant = void 0;
var tslib_1 = require("tslib");
require("./Grid.css");
var react_1 = tslib_1.__importDefault(require("react"));
var classnames_1 = require("@bem-react/classnames");
var useThemeProps_1 = require("../../hooks/useThemeProps");
var classname_1 = require("../../utils/classname");
var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
var useGrid_1 = require("./useGrid");
exports.gridItemColVariant = [
    1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12,
];
exports.gridItemRowVariant = [1, 2, 3, 4, 5, 6];
exports.cnGridItem = (0, classname_1.cn)('GridItem');
exports.GridItem = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'GridItem',
    });
    var children = props.children, className = props.className, col = props.col, colStart = props.colStart, row = props.row, rowStart = props.rowStart, _a = props.as, Tag = _a === void 0 ? 'div' : _a, other = tslib_1.__rest(props, ["children", "className", "col", "colStart", "row", "rowStart", "as"]);
    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, classnames_1.classnames)((0, exports.cnGridItem)({}), (0, useGrid_1.useGenerateGridModsCn)(exports.cnGridItem, {
            col: col,
            colStart: colStart,
            row: row,
            rowStart: rowStart,
        }), className) }, other, { ref: ref }), children));
});
exports.GridItem.displayName = 'GridItem';