"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ImageLineRenderer = void 0;
var react_1 = __importDefault(require("react"));
var AttributeTitle_1 = require("../../../AttributeTitle");
var DescriptionIcon_1 = require("../../../DescriptionIcon");
var ReadOnlyImageAttributesLine_1 = require("../../../ReadOnlyImageAttributesLine");
var styles_1 = require("../../styles");
var ImageLineRenderer = function (_a) {
    var attributeType = _a.attributeType, attributeValues = _a.attributeValues, paging = _a.paging, parentUri = _a.parentUri, showNonOv = _a.showNonOv, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
    var styles = (0, styles_1.useMultiLineStyles)();
    var label = attributeType.label, description = attributeType.description;
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement("div", { className: styles.titleRow },
            react_1.default.createElement(AttributeTitle_1.AttributeTitle, { className: styles.title, label: label, "data-reltio-id": "reltio-attribute-label" }),
            react_1.default.createElement(DescriptionIcon_1.DescriptionIcon, { className: styles.descriptionIcon, description: description })),
        react_1.default.createElement(ReadOnlyImageAttributesLine_1.ReadOnlyImageAttributesLine, { attributeValues: attributeValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
};
exports.ImageLineRenderer = ImageLineRenderer;
