@heycar-uikit/core/grid/cssm/components/Row.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('./Row.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 Row(_a) {
    var component = _a.component, className = _a.className, _b = _a.gutter, gutter = _b === void 0 ? {
        mobile: 8,
        tablet: { s: 12, l: 16 },
        desktop: {
            s: 16,
            m: 16,
            l: 24,
        },
    } : _b, align = _a.align, _c = _a.justify, justify = _c === void 0 ? 'between' : _c, children = _a.children, dataTestId = _a.dataTestId, props = tslib_es6.__rest(_a, ["component", "className", "gutter", "align", "justify", "children", "dataTestId"]);
    var Component = component !== null && component !== void 0 ? component : 'div';
    var gridClassNames = React.useMemo(function () { return utils_getGridClassNames({ gutter: gutter }, guttersStyles__default["default"]); }, [gutter]);
    var classNames = cn__default["default"].apply(void 0, tslib_es6.__spreadArray(tslib_es6.__spreadArray([guttersStyles__default["default"].row,
        styles__default["default"].component,
        align && styles__default["default"][align],
        styles__default["default"][justify]], gridClassNames, false), [className], false));
    return (React__default["default"].createElement(Component, tslib_es6.__assign({ className: classNames, "data-test-id": dataTestId }, props), children));
}

module.exports = Row;