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

The React UI library from HeyCar

var tslib_es6 = require('../tslib.es6-14cad51d.js');
var React = require('react');
var cn = require('classnames');
var utils_getGridClassNames = require('../utils/getGridClassNames.js');
var gutters_module = require('../gutters.module-ecfa776c.js');

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 styles = {"component":"grid__component_1wxmi","width-auto":"grid__width-auto_1wxmi","width-available":"grid__width-available_1wxmi","width-1":"grid__width-1_1wxmi","width-2":"grid__width-2_1wxmi","width-3":"grid__width-3_1wxmi","width-4":"grid__width-4_1wxmi","width-5":"grid__width-5_1wxmi","width-6":"grid__width-6_1wxmi","width-7":"grid__width-7_1wxmi","width-8":"grid__width-8_1wxmi","width-9":"grid__width-9_1wxmi","width-10":"grid__width-10_1wxmi","width-11":"grid__width-11_1wxmi","width-12":"grid__width-12_1wxmi","align-top":"grid__align-top_1wxmi","align-middle":"grid__align-middle_1wxmi","align-bottom":"grid__align-bottom_1wxmi","offset-1":"grid__offset-1_1wxmi","offset-2":"grid__offset-2_1wxmi","offset-3":"grid__offset-3_1wxmi","offset-4":"grid__offset-4_1wxmi","offset-5":"grid__offset-5_1wxmi","offset-6":"grid__offset-6_1wxmi","offset-7":"grid__offset-7_1wxmi","offset-8":"grid__offset-8_1wxmi","offset-9":"grid__offset-9_1wxmi","offset-10":"grid__offset-10_1wxmi","offset-11":"grid__offset-11_1wxmi","order-first":"grid__order-first_1wxmi","order-last":"grid__order-last_1wxmi","order-1":"grid__order-1_1wxmi","order-2":"grid__order-2_1wxmi","order-3":"grid__order-3_1wxmi","order-4":"grid__order-4_1wxmi","order-5":"grid__order-5_1wxmi","order-6":"grid__order-6_1wxmi","order-7":"grid__order-7_1wxmi","order-8":"grid__order-8_1wxmi","order-9":"grid__order-9_1wxmi","order-10":"grid__order-10_1wxmi","order-11":"grid__order-11_1wxmi","order-12":"grid__order-12_1wxmi","width-mobile-auto":"grid__width-mobile-auto_1wxmi","width-mobile-available":"grid__width-mobile-available_1wxmi","width-mobile-1":"grid__width-mobile-1_1wxmi","width-mobile-2":"grid__width-mobile-2_1wxmi","width-mobile-3":"grid__width-mobile-3_1wxmi","width-mobile-4":"grid__width-mobile-4_1wxmi","width-mobile-5":"grid__width-mobile-5_1wxmi","width-mobile-6":"grid__width-mobile-6_1wxmi","width-mobile-7":"grid__width-mobile-7_1wxmi","width-mobile-8":"grid__width-mobile-8_1wxmi","width-mobile-9":"grid__width-mobile-9_1wxmi","width-mobile-10":"grid__width-mobile-10_1wxmi","width-mobile-11":"grid__width-mobile-11_1wxmi","width-mobile-12":"grid__width-mobile-12_1wxmi","offset-mobile-1":"grid__offset-mobile-1_1wxmi","offset-mobile-2":"grid__offset-mobile-2_1wxmi","offset-mobile-3":"grid__offset-mobile-3_1wxmi","offset-mobile-4":"grid__offset-mobile-4_1wxmi","offset-mobile-5":"grid__offset-mobile-5_1wxmi","offset-mobile-6":"grid__offset-mobile-6_1wxmi","offset-mobile-7":"grid__offset-mobile-7_1wxmi","offset-mobile-8":"grid__offset-mobile-8_1wxmi","offset-mobile-9":"grid__offset-mobile-9_1wxmi","offset-mobile-10":"grid__offset-mobile-10_1wxmi","offset-mobile-11":"grid__offset-mobile-11_1wxmi","order-mobile-first":"grid__order-mobile-first_1wxmi","order-mobile-last":"grid__order-mobile-last_1wxmi","order-mobile-1":"grid__order-mobile-1_1wxmi","order-mobile-2":"grid__order-mobile-2_1wxmi","order-mobile-3":"grid__order-mobile-3_1wxmi","order-mobile-4":"grid__order-mobile-4_1wxmi","order-mobile-5":"grid__order-mobile-5_1wxmi","order-mobile-6":"grid__order-mobile-6_1wxmi","order-mobile-7":"grid__order-mobile-7_1wxmi","order-mobile-8":"grid__order-mobile-8_1wxmi","order-mobile-9":"grid__order-mobile-9_1wxmi","order-mobile-10":"grid__order-mobile-10_1wxmi","order-mobile-11":"grid__order-mobile-11_1wxmi","order-mobile-12":"grid__order-mobile-12_1wxmi","width-tablet-auto":"grid__width-tablet-auto_1wxmi","width-tablet-available":"grid__width-tablet-available_1wxmi","width-tablet-1":"grid__width-tablet-1_1wxmi","width-tablet-2":"grid__width-tablet-2_1wxmi","width-tablet-3":"grid__width-tablet-3_1wxmi","width-tablet-4":"grid__width-tablet-4_1wxmi","width-tablet-5":"grid__width-tablet-5_1wxmi","width-tablet-6":"grid__width-tablet-6_1wxmi","width-tablet-7":"grid__width-tablet-7_1wxmi","width-tablet-8":"grid__width-tablet-8_1wxmi","width-tablet-9":"grid__width-tablet-9_1wxmi","width-tablet-10":"grid__width-tablet-10_1wxmi","width-tablet-11":"grid__width-tablet-11_1wxmi","width-tablet-12":"grid__width-tablet-12_1wxmi","offset-tablet-1":"grid__offset-tablet-1_1wxmi","offset-tablet-2":"grid__offset-tablet-2_1wxmi","offset-tablet-3":"grid__offset-tablet-3_1wxmi","offset-tablet-4":"grid__offset-tablet-4_1wxmi","offset-tablet-5":"grid__offset-tablet-5_1wxmi","offset-tablet-6":"grid__offset-tablet-6_1wxmi","offset-tablet-7":"grid__offset-tablet-7_1wxmi","offset-tablet-8":"grid__offset-tablet-8_1wxmi","offset-tablet-9":"grid__offset-tablet-9_1wxmi","offset-tablet-10":"grid__offset-tablet-10_1wxmi","offset-tablet-11":"grid__offset-tablet-11_1wxmi","order-tablet-first":"grid__order-tablet-first_1wxmi","order-tablet-last":"grid__order-tablet-last_1wxmi","order-tablet-1":"grid__order-tablet-1_1wxmi","order-tablet-2":"grid__order-tablet-2_1wxmi","order-tablet-3":"grid__order-tablet-3_1wxmi","order-tablet-4":"grid__order-tablet-4_1wxmi","order-tablet-5":"grid__order-tablet-5_1wxmi","order-tablet-6":"grid__order-tablet-6_1wxmi","order-tablet-7":"grid__order-tablet-7_1wxmi","order-tablet-8":"grid__order-tablet-8_1wxmi","order-tablet-9":"grid__order-tablet-9_1wxmi","order-tablet-10":"grid__order-tablet-10_1wxmi","order-tablet-11":"grid__order-tablet-11_1wxmi","order-tablet-12":"grid__order-tablet-12_1wxmi","width-tablet-s-auto":"grid__width-tablet-s-auto_1wxmi","width-tablet-s-available":"grid__width-tablet-s-available_1wxmi","width-tablet-s-1":"grid__width-tablet-s-1_1wxmi","width-tablet-s-2":"grid__width-tablet-s-2_1wxmi","width-tablet-s-3":"grid__width-tablet-s-3_1wxmi","width-tablet-s-4":"grid__width-tablet-s-4_1wxmi","width-tablet-s-5":"grid__width-tablet-s-5_1wxmi","width-tablet-s-6":"grid__width-tablet-s-6_1wxmi","width-tablet-s-7":"grid__width-tablet-s-7_1wxmi","width-tablet-s-8":"grid__width-tablet-s-8_1wxmi","width-tablet-s-9":"grid__width-tablet-s-9_1wxmi","width-tablet-s-10":"grid__width-tablet-s-10_1wxmi","width-tablet-s-11":"grid__width-tablet-s-11_1wxmi","width-tablet-s-12":"grid__width-tablet-s-12_1wxmi","offset-tablet-s-1":"grid__offset-tablet-s-1_1wxmi","offset-tablet-s-2":"grid__offset-tablet-s-2_1wxmi","offset-tablet-s-3":"grid__offset-tablet-s-3_1wxmi","offset-tablet-s-4":"grid__offset-tablet-s-4_1wxmi","offset-tablet-s-5":"grid__offset-tablet-s-5_1wxmi","offset-tablet-s-6":"grid__offset-tablet-s-6_1wxmi","offset-tablet-s-7":"grid__offset-tablet-s-7_1wxmi","offset-tablet-s-8":"grid__offset-tablet-s-8_1wxmi","offset-tablet-s-9":"grid__offset-tablet-s-9_1wxmi","offset-tablet-s-10":"grid__offset-tablet-s-10_1wxmi","offset-tablet-s-11":"grid__offset-tablet-s-11_1wxmi","order-tablet-s-first":"grid__order-tablet-s-first_1wxmi","order-tablet-s-last":"grid__order-tablet-s-last_1wxmi","order-tablet-s-1":"grid__order-tablet-s-1_1wxmi","order-tablet-s-2":"grid__order-tablet-s-2_1wxmi","order-tablet-s-3":"grid__order-tablet-s-3_1wxmi","order-tablet-s-4":"grid__order-tablet-s-4_1wxmi","order-tablet-s-5":"grid__order-tablet-s-5_1wxmi","order-tablet-s-6":"grid__order-tablet-s-6_1wxmi","order-tablet-s-7":"grid__order-tablet-s-7_1wxmi","order-tablet-s-8":"grid__order-tablet-s-8_1wxmi","order-tablet-s-9":"grid__order-tablet-s-9_1wxmi","order-tablet-s-10":"grid__order-tablet-s-10_1wxmi","order-tablet-s-11":"grid__order-tablet-s-11_1wxmi","order-tablet-s-12":"grid__order-tablet-s-12_1wxmi","width-tablet-l-auto":"grid__width-tablet-l-auto_1wxmi","width-tablet-l-available":"grid__width-tablet-l-available_1wxmi","width-tablet-l-1":"grid__width-tablet-l-1_1wxmi","width-tablet-l-2":"grid__width-tablet-l-2_1wxmi","width-tablet-l-3":"grid__width-tablet-l-3_1wxmi","width-tablet-l-4":"grid__width-tablet-l-4_1wxmi","width-tablet-l-5":"grid__width-tablet-l-5_1wxmi","width-tablet-l-6":"grid__width-tablet-l-6_1wxmi","width-tablet-l-7":"grid__width-tablet-l-7_1wxmi","width-tablet-l-8":"grid__width-tablet-l-8_1wxmi","width-tablet-l-9":"grid__width-tablet-l-9_1wxmi","width-tablet-l-10":"grid__width-tablet-l-10_1wxmi","width-tablet-l-11":"grid__width-tablet-l-11_1wxmi","width-tablet-l-12":"grid__width-tablet-l-12_1wxmi","offset-tablet-l-1":"grid__offset-tablet-l-1_1wxmi","offset-tablet-l-2":"grid__offset-tablet-l-2_1wxmi","offset-tablet-l-3":"grid__offset-tablet-l-3_1wxmi","offset-tablet-l-4":"grid__offset-tablet-l-4_1wxmi","offset-tablet-l-5":"grid__offset-tablet-l-5_1wxmi","offset-tablet-l-6":"grid__offset-tablet-l-6_1wxmi","offset-tablet-l-7":"grid__offset-tablet-l-7_1wxmi","offset-tablet-l-8":"grid__offset-tablet-l-8_1wxmi","offset-tablet-l-9":"grid__offset-tablet-l-9_1wxmi","offset-tablet-l-10":"grid__offset-tablet-l-10_1wxmi","offset-tablet-l-11":"grid__offset-tablet-l-11_1wxmi","order-tablet-l-first":"grid__order-tablet-l-first_1wxmi","order-tablet-l-last":"grid__order-tablet-l-last_1wxmi","order-tablet-l-1":"grid__order-tablet-l-1_1wxmi","order-tablet-l-2":"grid__order-tablet-l-2_1wxmi","order-tablet-l-3":"grid__order-tablet-l-3_1wxmi","order-tablet-l-4":"grid__order-tablet-l-4_1wxmi","order-tablet-l-5":"grid__order-tablet-l-5_1wxmi","order-tablet-l-6":"grid__order-tablet-l-6_1wxmi","order-tablet-l-7":"grid__order-tablet-l-7_1wxmi","order-tablet-l-8":"grid__order-tablet-l-8_1wxmi","order-tablet-l-9":"grid__order-tablet-l-9_1wxmi","order-tablet-l-10":"grid__order-tablet-l-10_1wxmi","order-tablet-l-11":"grid__order-tablet-l-11_1wxmi","order-tablet-l-12":"grid__order-tablet-l-12_1wxmi","width-desktop-auto":"grid__width-desktop-auto_1wxmi","width-desktop-available":"grid__width-desktop-available_1wxmi","width-desktop-1":"grid__width-desktop-1_1wxmi","width-desktop-2":"grid__width-desktop-2_1wxmi","width-desktop-3":"grid__width-desktop-3_1wxmi","width-desktop-4":"grid__width-desktop-4_1wxmi","width-desktop-5":"grid__width-desktop-5_1wxmi","width-desktop-6":"grid__width-desktop-6_1wxmi","width-desktop-7":"grid__width-desktop-7_1wxmi","width-desktop-8":"grid__width-desktop-8_1wxmi","width-desktop-9":"grid__width-desktop-9_1wxmi","width-desktop-10":"grid__width-desktop-10_1wxmi","width-desktop-11":"grid__width-desktop-11_1wxmi","width-desktop-12":"grid__width-desktop-12_1wxmi","offset-desktop-1":"grid__offset-desktop-1_1wxmi","offset-desktop-2":"grid__offset-desktop-2_1wxmi","offset-desktop-3":"grid__offset-desktop-3_1wxmi","offset-desktop-4":"grid__offset-desktop-4_1wxmi","offset-desktop-5":"grid__offset-desktop-5_1wxmi","offset-desktop-6":"grid__offset-desktop-6_1wxmi","offset-desktop-7":"grid__offset-desktop-7_1wxmi","offset-desktop-8":"grid__offset-desktop-8_1wxmi","offset-desktop-9":"grid__offset-desktop-9_1wxmi","offset-desktop-10":"grid__offset-desktop-10_1wxmi","offset-desktop-11":"grid__offset-desktop-11_1wxmi","order-desktop-first":"grid__order-desktop-first_1wxmi","order-desktop-last":"grid__order-desktop-last_1wxmi","order-desktop-1":"grid__order-desktop-1_1wxmi","order-desktop-2":"grid__order-desktop-2_1wxmi","order-desktop-3":"grid__order-desktop-3_1wxmi","order-desktop-4":"grid__order-desktop-4_1wxmi","order-desktop-5":"grid__order-desktop-5_1wxmi","order-desktop-6":"grid__order-desktop-6_1wxmi","order-desktop-7":"grid__order-desktop-7_1wxmi","order-desktop-8":"grid__order-desktop-8_1wxmi","order-desktop-9":"grid__order-desktop-9_1wxmi","order-desktop-10":"grid__order-desktop-10_1wxmi","order-desktop-11":"grid__order-desktop-11_1wxmi","order-desktop-12":"grid__order-desktop-12_1wxmi","width-desktop-s-auto":"grid__width-desktop-s-auto_1wxmi","width-desktop-s-available":"grid__width-desktop-s-available_1wxmi","width-desktop-s-1":"grid__width-desktop-s-1_1wxmi","width-desktop-s-2":"grid__width-desktop-s-2_1wxmi","width-desktop-s-3":"grid__width-desktop-s-3_1wxmi","width-desktop-s-4":"grid__width-desktop-s-4_1wxmi","width-desktop-s-5":"grid__width-desktop-s-5_1wxmi","width-desktop-s-6":"grid__width-desktop-s-6_1wxmi","width-desktop-s-7":"grid__width-desktop-s-7_1wxmi","width-desktop-s-8":"grid__width-desktop-s-8_1wxmi","width-desktop-s-9":"grid__width-desktop-s-9_1wxmi","width-desktop-s-10":"grid__width-desktop-s-10_1wxmi","width-desktop-s-11":"grid__width-desktop-s-11_1wxmi","width-desktop-s-12":"grid__width-desktop-s-12_1wxmi","offset-desktop-s-1":"grid__offset-desktop-s-1_1wxmi","offset-desktop-s-2":"grid__offset-desktop-s-2_1wxmi","offset-desktop-s-3":"grid__offset-desktop-s-3_1wxmi","offset-desktop-s-4":"grid__offset-desktop-s-4_1wxmi","offset-desktop-s-5":"grid__offset-desktop-s-5_1wxmi","offset-desktop-s-6":"grid__offset-desktop-s-6_1wxmi","offset-desktop-s-7":"grid__offset-desktop-s-7_1wxmi","offset-desktop-s-8":"grid__offset-desktop-s-8_1wxmi","offset-desktop-s-9":"grid__offset-desktop-s-9_1wxmi","offset-desktop-s-10":"grid__offset-desktop-s-10_1wxmi","offset-desktop-s-11":"grid__offset-desktop-s-11_1wxmi","order-desktop-s-first":"grid__order-desktop-s-first_1wxmi","order-desktop-s-last":"grid__order-desktop-s-last_1wxmi","order-desktop-s-1":"grid__order-desktop-s-1_1wxmi","order-desktop-s-2":"grid__order-desktop-s-2_1wxmi","order-desktop-s-3":"grid__order-desktop-s-3_1wxmi","order-desktop-s-4":"grid__order-desktop-s-4_1wxmi","order-desktop-s-5":"grid__order-desktop-s-5_1wxmi","order-desktop-s-6":"grid__order-desktop-s-6_1wxmi","order-desktop-s-7":"grid__order-desktop-s-7_1wxmi","order-desktop-s-8":"grid__order-desktop-s-8_1wxmi","order-desktop-s-9":"grid__order-desktop-s-9_1wxmi","order-desktop-s-10":"grid__order-desktop-s-10_1wxmi","order-desktop-s-11":"grid__order-desktop-s-11_1wxmi","order-desktop-s-12":"grid__order-desktop-s-12_1wxmi","width-desktop-m-auto":"grid__width-desktop-m-auto_1wxmi","width-desktop-m-available":"grid__width-desktop-m-available_1wxmi","width-desktop-m-1":"grid__width-desktop-m-1_1wxmi","width-desktop-m-2":"grid__width-desktop-m-2_1wxmi","width-desktop-m-3":"grid__width-desktop-m-3_1wxmi","width-desktop-m-4":"grid__width-desktop-m-4_1wxmi","width-desktop-m-5":"grid__width-desktop-m-5_1wxmi","width-desktop-m-6":"grid__width-desktop-m-6_1wxmi","width-desktop-m-7":"grid__width-desktop-m-7_1wxmi","width-desktop-m-8":"grid__width-desktop-m-8_1wxmi","width-desktop-m-9":"grid__width-desktop-m-9_1wxmi","width-desktop-m-10":"grid__width-desktop-m-10_1wxmi","width-desktop-m-11":"grid__width-desktop-m-11_1wxmi","width-desktop-m-12":"grid__width-desktop-m-12_1wxmi","offset-desktop-m-1":"grid__offset-desktop-m-1_1wxmi","offset-desktop-m-2":"grid__offset-desktop-m-2_1wxmi","offset-desktop-m-3":"grid__offset-desktop-m-3_1wxmi","offset-desktop-m-4":"grid__offset-desktop-m-4_1wxmi","offset-desktop-m-5":"grid__offset-desktop-m-5_1wxmi","offset-desktop-m-6":"grid__offset-desktop-m-6_1wxmi","offset-desktop-m-7":"grid__offset-desktop-m-7_1wxmi","offset-desktop-m-8":"grid__offset-desktop-m-8_1wxmi","offset-desktop-m-9":"grid__offset-desktop-m-9_1wxmi","offset-desktop-m-10":"grid__offset-desktop-m-10_1wxmi","offset-desktop-m-11":"grid__offset-desktop-m-11_1wxmi","order-desktop-m-first":"grid__order-desktop-m-first_1wxmi","order-desktop-m-last":"grid__order-desktop-m-last_1wxmi","order-desktop-m-1":"grid__order-desktop-m-1_1wxmi","order-desktop-m-2":"grid__order-desktop-m-2_1wxmi","order-desktop-m-3":"grid__order-desktop-m-3_1wxmi","order-desktop-m-4":"grid__order-desktop-m-4_1wxmi","order-desktop-m-5":"grid__order-desktop-m-5_1wxmi","order-desktop-m-6":"grid__order-desktop-m-6_1wxmi","order-desktop-m-7":"grid__order-desktop-m-7_1wxmi","order-desktop-m-8":"grid__order-desktop-m-8_1wxmi","order-desktop-m-9":"grid__order-desktop-m-9_1wxmi","order-desktop-m-10":"grid__order-desktop-m-10_1wxmi","order-desktop-m-11":"grid__order-desktop-m-11_1wxmi","order-desktop-m-12":"grid__order-desktop-m-12_1wxmi","width-desktop-l-auto":"grid__width-desktop-l-auto_1wxmi","width-desktop-l-available":"grid__width-desktop-l-available_1wxmi","width-desktop-l-1":"grid__width-desktop-l-1_1wxmi","width-desktop-l-2":"grid__width-desktop-l-2_1wxmi","width-desktop-l-3":"grid__width-desktop-l-3_1wxmi","width-desktop-l-4":"grid__width-desktop-l-4_1wxmi","width-desktop-l-5":"grid__width-desktop-l-5_1wxmi","width-desktop-l-6":"grid__width-desktop-l-6_1wxmi","width-desktop-l-7":"grid__width-desktop-l-7_1wxmi","width-desktop-l-8":"grid__width-desktop-l-8_1wxmi","width-desktop-l-9":"grid__width-desktop-l-9_1wxmi","width-desktop-l-10":"grid__width-desktop-l-10_1wxmi","width-desktop-l-11":"grid__width-desktop-l-11_1wxmi","width-desktop-l-12":"grid__width-desktop-l-12_1wxmi","offset-desktop-l-1":"grid__offset-desktop-l-1_1wxmi","offset-desktop-l-2":"grid__offset-desktop-l-2_1wxmi","offset-desktop-l-3":"grid__offset-desktop-l-3_1wxmi","offset-desktop-l-4":"grid__offset-desktop-l-4_1wxmi","offset-desktop-l-5":"grid__offset-desktop-l-5_1wxmi","offset-desktop-l-6":"grid__offset-desktop-l-6_1wxmi","offset-desktop-l-7":"grid__offset-desktop-l-7_1wxmi","offset-desktop-l-8":"grid__offset-desktop-l-8_1wxmi","offset-desktop-l-9":"grid__offset-desktop-l-9_1wxmi","offset-desktop-l-10":"grid__offset-desktop-l-10_1wxmi","offset-desktop-l-11":"grid__offset-desktop-l-11_1wxmi","order-desktop-l-first":"grid__order-desktop-l-first_1wxmi","order-desktop-l-last":"grid__order-desktop-l-last_1wxmi","order-desktop-l-1":"grid__order-desktop-l-1_1wxmi","order-desktop-l-2":"grid__order-desktop-l-2_1wxmi","order-desktop-l-3":"grid__order-desktop-l-3_1wxmi","order-desktop-l-4":"grid__order-desktop-l-4_1wxmi","order-desktop-l-5":"grid__order-desktop-l-5_1wxmi","order-desktop-l-6":"grid__order-desktop-l-6_1wxmi","order-desktop-l-7":"grid__order-desktop-l-7_1wxmi","order-desktop-l-8":"grid__order-desktop-l-8_1wxmi","order-desktop-l-9":"grid__order-desktop-l-9_1wxmi","order-desktop-l-10":"grid__order-desktop-l-10_1wxmi","order-desktop-l-11":"grid__order-desktop-l-11_1wxmi","order-desktop-l-12":"grid__order-desktop-l-12_1wxmi"};
 require('./col.css');

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); }, [order, offset, width]);
    var classNames = cn__default["default"].apply(void 0, tslib_es6.__spreadArray(tslib_es6.__spreadArray([gutters_module.guttersStyles.col,
        styles.component,
        align && styles["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;