"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.lightboxStyle = void 0;

var _ThemeProvider = require("../ThemeProvider");

// TODO: revisit this
var lightboxStyle = function lightboxStyle(_ref, theme) {
  var _ref$color = _ref.color,
      color = _ref$color === void 0 ? 'white' : _ref$color;
  return {
    style: {// display: 'flex',
      // alignItems: 'center',
      // position: 'relative',
      // overflow: 'hidden',
      // pl: 4,
      // pr: 4,
      // pt: 3,
      // pb: 3,
    },
    control: {
      position: 'absolute',
      top: 0,
      bottom: 0,
      margin: 'auto',
      zIndex: theme.zIndices.modal + 1,
      size: 'lg',
      variant: 'outline',
      color: color
    }
  };
};

exports.lightboxStyle = lightboxStyle;

var useLightboxStyle = function useLightboxStyle(props) {
  var theme = (0, _ThemeProvider.useTheme)();
  var styles = theme['styles'].lightbox ? theme['styles'].lightbox(props, theme) : lightboxStyle(props, theme);
  return {
    // base style
    baseStyles: styles.style,
    // variant style
    controlStyles: styles.control
  };
};

var _default = useLightboxStyle;
exports["default"] = _default;
//# sourceMappingURL=styles.js.map