import * as React from 'react';
import { cnCreate } from '@megafon/ui-helpers';
import "./TextBoxPicture.css";
export var pictureMarginTypes = {
  DEFAULT: 'default',
  BIG_TOP: 'big-top',
  BIG_BOTTOM: 'big-bottom',
  BIG_VERTICAL: 'big-vertical'
};
var cn = cnCreate('mfui-9-text-box-picture');
var TextBoxPicture = function TextBoxPicture(_ref) {
  var url = _ref.url,
    _ref$margin = _ref.margin,
    margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
    alt = _ref.alt,
    _ref$disableBorder = _ref.disableBorder,
    disableBorder = _ref$disableBorder === void 0 ? false : _ref$disableBorder;
  return /*#__PURE__*/React.createElement("div", {
    className: cn({
      margin: margin
    })
  }, /*#__PURE__*/React.createElement("img", {
    className: cn('img', {
      'no-border': disableBorder
    }),
    src: url,
    alt: alt
  }));
};
export default TextBoxPicture;