@coreui/react/dist/cjs/components/list-group/CListGroupItem.js

UI Components Library for React.js

'use strict';

var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
var React = require('react');
var PropTypes = require('prop-types');
var index = require('../../_virtual/index.js');
var CLink = require('../link/CLink.js');
var props = require('../../props.js');

var CListGroupItem = React.forwardRef(function (_a, ref) {
    var _b;
    var children = _a.children, active = _a.active, _c = _a.as, as = _c === void 0 ? 'li' : _c, className = _a.className, disabled = _a.disabled, color = _a.color, rest = tslib_es6.__rest(_a, ["children", "active", "as", "className", "disabled", "color"]);
    var Component = as === 'a' || as === 'button' ? CLink.CLink : as;
    rest = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, ((as === 'a' || as === 'button') && {
        active: active,
        disabled: disabled,
        as: as,
        ref: ref,
    })), (active && { 'aria-current': true })), (disabled && { 'aria-disabled': true })), rest);
    return (React.createElement(Component, tslib_es6.__assign({ className: index.default('list-group-item', (_b = {},
            _b["list-group-item-".concat(color)] = color,
            _b['list-group-item-action'] = as === 'a' || as === 'button',
            _b.active = active,
            _b.disabled = disabled,
            _b), className) }, rest), children));
});
CListGroupItem.propTypes = {
    active: PropTypes.bool,
    as: PropTypes.elementType,
    children: PropTypes.node,
    className: PropTypes.string,
    color: props.colorPropType,
    disabled: PropTypes.bool,
};
CListGroupItem.displayName = 'CListGroupItem';

exports.CListGroupItem = CListGroupItem;
//# sourceMappingURL=CListGroupItem.js.map