"use strict";

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

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

var imageCropStyle = function imageCropStyle(props, theme) {
  return {
    style: {
      position: 'relative',
      width: '100%',
      height: [200, 400] // background: '#333',

    },
    controls: {
      pt: 'spacing-lg' // display: 'flex',
      // flexDirection: 'column',
      // alignItems: 'stretch',
      // [theme.breakpoints.up('sm')]: {
      //     flexDirection: 'row',
      //     alignItems: 'center',
      // },

    }
  };
};

exports.imageCropStyle = imageCropStyle;

var useImageCropStyle = function useImageCropStyle(props) {
  var theme = (0, _ThemeProvider.useTheme)();
  var styles = theme['styles'].imageCrop ? theme['styles'].imageCrop(props, theme) : imageCropStyle(props, theme);
  return {
    // base style
    root: styles.style,
    controls: styles.controls
  };
};

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