"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wrapper = exports.StyledTypography = void 0;
const styled_1 = require("../styled");
const Typography_1 = require("../Typography");
// проверки на rowsCount в стилях нужны для того, чтобы элементы в одну строку обрезались бы по буквенно
// но если нужно обрезание по нескольким строчкам, тогда элементы будут обрезаться по словам
exports.StyledTypography = (0, styled_1.styled)(Typography_1.Typography, {
    shouldForwardProp: (name) => name !== 'rowsCount' && name !== 'hasMultipleRows',
}) `
  overflow: hidden;
  display: ${({ hasMultipleRows }) => (hasMultipleRows ? '-webkit-box' : '')};

  max-width: 100%;

  text-overflow: ellipsis;
  white-space: ${({ hasMultipleRows }) => hasMultipleRows ? 'initial' : 'nowrap'};

  /* stylelint-disable-next-line */
  -webkit-box-orient: ${({ hasMultipleRows }) => hasMultipleRows ? 'vertical' : ''};
  /* stylelint-disable-next-line */
  -webkit-line-clamp: ${({ rowsCount }) => rowsCount};
`;
exports.Wrapper = (0, styled_1.styled)(Typography_1.Typography, {
    shouldForwardProp: (prop) => !['$align'].includes(prop),
}) `
  display: flex;
  justify-content: ${({ $align }) => $align};

  width: 100%;

  white-space: nowrap;
`;
