text: "use strict";
  Object.defineProperty(exports, "__esModule", { value: true });
  exports.getStyles = void 0;
  var Styling_1 = require("../../../../Styling");
  var GlobalClassNames = {
      root: 'ms-EditingItem',
      input: 'ms-EditingItem-input',
  };
  var getStyles = function (prop) {
      var theme = Styling_1.getTheme();
      if (!theme) {
          throw new Error('theme is undefined or null in Editing item getStyles function.');
      }
      var semanticColors = theme.semanticColors;
      var classNames = Styling_1.getGlobalClassNames(GlobalClassNames, theme);
      return {
          root: [
              classNames.root,
              {
                  margin: '4px',
              },
          ],
          input: [
              classNames.input,
              {
                  border: '0px',
                  outline: 'none',
                  width: '100%',
                  backgroundColor: semanticColors.inputBackground,
                  color: semanticColors.inputText,
                  selectors: {
                      '::-ms-clear': {
                          display: 'none',
                      },
                  },
              },
          ],
      };
  };
  exports.getStyles = getStyles;
  //# sourceMappingURL=EditingItem.styles.js.map