import { getGlobalClassNames, HighContrastSelector } from '@uifabric/styling';

var GlobalClassNames = {
  root: "ms-ScrollablePane",
  contentContainer: "ms-ScrollablePane--contentContainer"
};
var getStyles = function(props) {
  var _a, _b;
  var className = props.className, theme = props.theme;
  var classNames = getGlobalClassNames(GlobalClassNames, theme);
  var AboveAndBelowStyles = {
    position: "absolute",
    pointerEvents: "auto"
  };
  var positioningStyle = {
    position: "absolute",
    top: 0,
    right: 0,
    bottom: 0,
    left: 0,
    WebkitOverflowScrolling: "touch"
  };
  return {
    root: [classNames.root, theme.fonts.medium, positioningStyle, className],
    contentContainer: [
      classNames.contentContainer,
      {
        overflowY: props.scrollbarVisibility === "always" ? "scroll" : "auto"
      },
      positioningStyle
    ],
    stickyAbove: [
      {
        top: 0,
        zIndex: 1,
        selectors: (_a = {}, _a[HighContrastSelector] = {
          borderBottom: "1px solid WindowText"
        }, _a)
      },
      AboveAndBelowStyles
    ],
    stickyBelow: [
      {
        bottom: 0,
        selectors: (_b = {}, _b[HighContrastSelector] = {
          borderTop: "1px solid WindowText"
        }, _b)
      },
      AboveAndBelowStyles
    ],
    stickyBelowItems: [
      {
        bottom: 0
      },
      AboveAndBelowStyles,
      {
        width: "100%"
      }
    ]
  };
};

export { getStyles };
