"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.EllipsisText = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const Text_1 = require("../Text");
// COMPATIBILITY ISSUE: this does not work with IE
exports.EllipsisText = styled_components_1.default(Text_1.Text) `
  display: ${({ multiline }) => multiline ? '-webkit-box' : null};
  -webkit-line-clamp: ${({ multiline }) => multiline !== null && multiline !== void 0 ? multiline : null};
  -webkit-box-orient: ${({ multiline }) => multiline ? 'vertical' : null};
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: ${({ multiline }) => multiline ? null : 'nowrap'};
`;
exports.EllipsisText.defaultProps = Object.assign(Object.assign({}, Text_1.Text.defaultProps), { as: 'div' });
//# sourceMappingURL=EllipsisText.js.map