@momentum-ui/react-collaboration/dist/esm/components/ListHeader/ListHeader.js

Cisco Momentum UI Framework for React Collaboration Applications

import React from 'react';
import classnames from 'classnames';
import { STYLE, DEFAULTS } from './ListHeader.constants';
import './ListHeader.style.scss';
import ListItemBase from '../ListItemBase';
/**
 * The ListHeader component.
 * This is just the non-interactive version. (non-collapsible)
 */
var ListHeader = function (props) {
    var className = props.className, id = props.id, style = props.style, children = props.children, _a = props.outline, outline = _a === void 0 ? DEFAULTS.OUTLINE : _a, _b = props.outlinePosition, outlinePosition = _b === void 0 ? DEFAULTS.OUTLINE_POSITION : _b, _c = props.outlineColor, outlineColor = _c === void 0 ? DEFAULTS.OUTLINE_COLOR : _c, _d = props.bold, bold = _d === void 0 ? DEFAULTS.BOLD : _d;
    return (React.createElement("div", { className: classnames(className, STYLE.wrapper), style: style, "data-outline": outline, "data-outline-position": outlinePosition, "data-outline-color": outlineColor, "data-outline-only": !children, "data-bold": bold, id: id },
        outline && outlinePosition === 'top' && React.createElement("div", { role: "separator", className: STYLE.separator }),
        React.createElement(ListItemBase, { interactive: false, isPadded: true, size: 32, className: STYLE.listItemBase }, children),
        outline && outlinePosition === 'bottom' && (React.createElement("div", { role: "separator", className: STYLE.separator }))));
};
export default ListHeader;
//# sourceMappingURL=ListHeader.js.map