"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const styled_1 = require("../styled");

const ExpandableContent = styleh_components_1.styled.div``;
exports.ExpandableContent = ExpandableContent;
const MoreLabel = styled_1.StyledBaseText.as('span');
const MoreLabelElement = styleh_components_1.styled.withComponent(MoreLabel)`
  color: blue;
  margin-left: 8px;
`;
exports.MoreLabelElement = MoreLabelElement;
const TextEllipsisWrapper = styleh_components_1.styled.section`
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis
  -webkit-box-orient: vertical;

  ${props => props.lines && !props.trimWhitespace && styleh_components_1.styled.css`
      -webkit-line-clamp: ${props.lines};
    `}
  ${props => props.trimWhitespace && styleh_components_1.styled.css`
      white-space: nowrap;
    `}
  ${props => props.width && styleh_components_1.styled.css`
      width: ${props.width + 'px'};
    `}
`;
exports.TextEllipsisWrapper = TextEllipsisWrapper; //# sourceMappingURL=styled.js.map