"use strict";

exports.__esModule = true;
exports.BlogHero = void 0;

var _react = _interopRequireDefault(require("react"));

var _reactFlickityComponent = _interopRequireDefault(require("react-flickity-component"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var flickityOptions = {
  draggable: true,
  wrapAround: true,
  percentPosition: false,
  cellAlign: 0.001,
  contain: true,
  autoPlay: 5000
};

var BlogHero = function BlogHero(_ref) {
  var children = _ref.children;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "blog-hero"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "inner"
  }, /*#__PURE__*/_react.default.createElement(_reactFlickityComponent.default, {
    className: "carousel",
    options: flickityOptions,
    reloadOnUpdate: true
  }, children)));
};

BlogHero.displayName = 'BlogHero';
var BlogHeroDoc;

if (process.env.NODE_ENV !== 'production') {
  // eslint-disable-next-line global-require
  BlogHeroDoc = require('./doc').doc(BlogHero);
}

var BlogHeroWrapper = BlogHeroDoc || BlogHero;
exports.BlogHero = BlogHeroWrapper;