import * as React from 'react';
import { ContentArea } from '@megafon/ui-core';
import { cnCreate } from '@megafon/ui-helpers';
import "./Container.css";
export var BackgroundColors = {
  DEFAULT: 'default',
  LIGHT_GRAY: 'light-gray',
  GRAY: 'gray',
  GREEN: 'green',
  PURPLE: 'purple'
};
var cn = cnCreate('mfui-9-container');
var Container = function Container(_ref) {
  var _ref$backgroundColor = _ref.backgroundColor,
    backgroundColor = _ref$backgroundColor === void 0 ? 'default' : _ref$backgroundColor,
    rootRef = _ref.rootRef,
    id = _ref.id,
    className = _ref.className,
    classes = _ref.classes,
    children = _ref.children,
    disablePaddingTop = _ref.disablePaddingTop,
    disablePaddingBottom = _ref.disablePaddingBottom,
    disableRadiusTop = _ref.disableRadiusTop,
    disableRadiusBottom = _ref.disableRadiusBottom,
    disableHorizontalIndents = _ref.disableHorizontalIndents,
    _ref$bottomShadow = _ref.bottomShadow,
    bottomShadow = _ref$bottomShadow === void 0 ? false : _ref$bottomShadow,
    _ref$preventMarginTop = _ref.preventMarginTopCollapse,
    preventMarginTopCollapse = _ref$preventMarginTop === void 0 ? false : _ref$preventMarginTop;
  return /*#__PURE__*/React.createElement("div", {
    className: cn({
      'bg-color': backgroundColor,
      'bottom-shadow': bottomShadow,
      'disable-padding-top': disablePaddingTop,
      'disable-padding-bottom': disablePaddingBottom,
      'disable-radius-top': disableRadiusTop,
      'disable-radius-bottom': disableRadiusBottom
    }, [className, classes === null || classes === void 0 ? void 0 : classes.root]),
    ref: rootRef,
    id: id
  }, /*#__PURE__*/React.createElement("div", {
    className: cn('inner', {
      prevent: preventMarginTopCollapse
    }, [className, classes === null || classes === void 0 ? void 0 : classes.inner])
  }, /*#__PURE__*/React.createElement(ContentArea, {
    disableIndents: disableHorizontalIndents
  }, children)));
};
export default Container;