@yandex/ui/ListTile/ListTile.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ListTile = exports.cnListTile = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var classname_1 = require("@bem-react/classname");
require("./ListTile.css");
exports.cnListTile = classname_1.cn('ListTile');
var cnListTileLeading = exports.cnListTile('Leading');
var cnListTileTrailing = exports.cnListTile('Trailing');
/**
 * Блок примитив для удобного позиционирования контента, обрамлённый иконками или другими блоками например checkbox
 *
 * @param { ListTileProps }  props
 */
var ListTile = function (_a) {
    var children = _a.children, leading = _a.leading, trailing = _a.trailing, className = _a.className, inline = _a.inline, alignItems = _a.alignItems, leftSpace = _a.leftSpace, rightSpace = _a.rightSpace, onClick = _a.onClick;
    return (react_1.default.createElement("div", { onClick: onClick, className: exports.cnListTile({
            inline: inline,
            alignItems: alignItems,
        }, [className]) },
        leading && react_1.default.createElement("div", { className: cnListTileLeading }, leading),
        react_1.default.createElement("div", { className: exports.cnListTile('Wrapper', {
                leftSpace: leftSpace,
                rightSpace: rightSpace,
            }) }, children),
        trailing && react_1.default.createElement("div", { className: cnListTileTrailing }, trailing)));
};
exports.ListTile = ListTile;
exports.ListTile.displayName = exports.cnListTile();