"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const styled_1 = require("atoms/Text/styled");
const ExpandableContent = view_container_1.styled.div ``;
exports.ExpandableContent = ExpandableContent;
const MoreLabel = styled_1.StyledBaseText.withComponent('span');
const MoreLabelElement = view_container_1.styled.withComponent(MoreLabel) `
  color: blue;
  margin-left: 8px;
`;
exports.MoreLabelElement = MoreLabelElement;
const TextEllipsisWrapper = view_container_1.styled.section `
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis
  -webkit-box-orient: vertical;

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