@heycar-uikit/core/grid/cssm/components/Col.js

The React UI library from HeyCar

var tslib_es6 = require('../tslib.es6-dc6abeaa.js');
var React = require('react');
var cn = require('classnames');
var utils_getGridClassNames = require('../utils/getGridClassNames.js');
var guttersStyles = require('../styles/gutters.module.css');
var styles = require('./Col.module.css');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
var guttersStyles__default = /*#__PURE__*/_interopDefaultLegacy(guttersStyles);
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);

function Col(_a) {
    var component = _a.component, className = _a.className, align = _a.align, order = _a.order, offset = _a.offset, width = _a.width, children = _a.children, dataTestId = _a.dataTestId, props = tslib_es6.__rest(_a, ["component", "className", "align", "order", "offset", "width", "children", "dataTestId"]);
    var Component = component !== null && component !== void 0 ? component : 'div';
    var gridClassNames = React.useMemo(function () { return utils_getGridClassNames({ order: order, offset: offset, width: width }, styles__default["default"]); }, [order, offset, width]);
    var classNames = cn__default["default"].apply(void 0, tslib_es6.__spreadArray(tslib_es6.__spreadArray([guttersStyles__default["default"].col,
        styles__default["default"].component,
        align && styles__default["default"]["align-" + align]], gridClassNames, false), [className], false));
    return (React__default["default"].createElement(Component, tslib_es6.__assign({ className: classNames, "data-test-id": dataTestId }, props), children));
}

module.exports = Col;