@yandex/ui/Attach/Holder/Attach-Holder.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Holder = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var Attach_const_1 = require("../Attach.const");
require("../Reset/Attach-Reset.css");
// TODO: https://st.yandex-team.ru/ISL-6940
require("../IconFile/Attach-IconFile.css");
require("./Attach-Holder.css");
var Holder = function (_a) {
    var children = _a.children, className = _a.className, fileExtension = _a.fileExtension, fileName = _a.fileName, id = _a.id, onClearClick = _a.onClearClick, textWidth = _a.textWidth, props = tslib_1.__rest(_a, ["children", "className", "fileExtension", "fileName", "id", "onClearClick", "textWidth"]);
    return (react_1.default.createElement("span", tslib_1.__assign({}, props, { "aria-hidden": true, className: Attach_const_1.cnAttach('Holder', { file: fileExtension }, [className]) }),
        fileExtension && react_1.default.createElement("span", { className: Attach_const_1.cnAttach('IconFile') }),
        react_1.default.createElement("label", { style: { width: fileExtension && textWidth + "px" }, className: Attach_const_1.cnAttach('Text'), htmlFor: id }, fileName || children),
        fileExtension && react_1.default.createElement("span", { className: Attach_const_1.cnAttach('Reset'), onClick: onClearClick })));
};
exports.Holder = Holder;