"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledTag = void 0;
const styled_1 = require("../../styled");
const Tag_1 = require("../../Tag");
exports.StyledTag = (0, styled_1.styled)(Tag_1.Tag, {
    shouldForwardProp: (prop) => prop !== '$shrinks',
}) `
  overflow: hidden;

  /* 4em ширина необходима для отображения двух букв и избежания перекрытия кнопкой сброса всего текста тега */
  min-width: ${({ $shrinks }) => ($shrinks ? 'calc(2em + 20px)' : 'unset')};
  max-width: 246px;

  & {
    .MuiBox-root {
      display: inline;
    }
  }

  .${Tag_1.tagClassnames.label} {
    overflow: hidden;
    display: block;

    /* 2em ширина необходима для отображения двух букв и троеточия */
    min-width: 2em;

    text-overflow: ellipsis;
  }
`;
