import React from 'react';
import { AttributeTitle } from '../../../AttributeTitle';
import { DescriptionIcon } from '../../../DescriptionIcon';
import { ReadOnlyImageAttributesLine } from '../../../ReadOnlyImageAttributesLine';
import { useMultiLineStyles } from '../../styles';
export 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 = useMultiLineStyles();
    var label = attributeType.label, description = attributeType.description;
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { className: styles.titleRow },
            React.createElement(AttributeTitle, { className: styles.title, label: label, "data-reltio-id": "reltio-attribute-label" }),
            React.createElement(DescriptionIcon, { className: styles.descriptionIcon, description: description })),
        React.createElement(ReadOnlyImageAttributesLine, { attributeValues: attributeValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
};
