import { __assign, __extends } from "tslib";
import { jsx as _jsx } from "react/jsx-runtime";
import { PureComponent } from 'react';
import cx from 'classnames';
var TextRow = (function (_super) {
    __extends(TextRow, _super);
    function TextRow() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    TextRow.prototype.render = function () {
        var _a = this.props, className = _a.className, lineSpacing = _a.lineSpacing, animate = _a.animate, style = _a.style;
        var defaultStyles = {
            marginTop: lineSpacing,
        };
        var classes = cx('zent-placeholder-text-row', 'zent-placeholder-shape', {
            'zent-placeholder-shape--animate': animate,
        }, className);
        return _jsx("div", { className: classes, style: __assign(__assign({}, defaultStyles), style), "data-zv": 'v10.0.11' }, void 0);
    };
    TextRow.defaultProps = {
        lineSpacing: '0.7em',
        animate: true,
    };
    return TextRow;
}(PureComponent));
export default TextRow;
