import React from 'react';
import i18n from 'ui-i18n';
import { useStyles } from './styles';
export var MetaInfoItem = function (_a) {
    var title = _a.title, content = _a.content, isLink = _a.isLink, children = _a.children;
    var styles = useStyles();
    return (React.createElement("div", { "data-reltio-id": "image-meta-info-item", className: styles.root },
        React.createElement("span", { className: styles.title }, title),
        isLink ? (React.createElement("a", { className: styles.link, href: content }, i18n.text('link'))) : (React.createElement("span", { className: styles.content }, content || children))));
};
