"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const deps_1 = require("./deps");
const styled_1 = require("./styled");
const Empty_1 = require("atoms/Empty");
function defaultRenderTextExpandToggle(props, state) {
    const { content, noOfCharacters, showMoreLabel, showHideLabel } = props;
    const { isVisible, toggleVisibility } = state;
    const ellipsisText = deps_1.getEllipsisString(content, noOfCharacters, isVisible);
    const buttonLabel = (noOfCharacters < content.length) ? (isVisible ? showHideLabel : showMoreLabel) : react_1.default.createElement(Empty_1.Empty, null);
    return (react_1.default.createElement(styled_1.ExpandableContent, null,
        ellipsisText,
        react_1.default.createElement(styled_1.MoreLabelElement, { onClick: toggleVisibility }, buttonLabel)));
}
exports.defaultRenderTextExpandToggle = defaultRenderTextExpandToggle;
function defaultRenderWrapper(props) {
    const { className, children } = props;
    return react_1.default.createElement(styled_1.TextEllipsisWrapper, { className: className }, children);
}
exports.defaultRenderWrapper = defaultRenderWrapper;
//# sourceMappingURL=renderProps.js.map