"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));

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

var _core = require("@material-ui/core");

var _PageContainer = _interopRequireDefault(require("../layout/PageContainer"));

var _styles = require("@material-ui/core/styles");

function Footer(_ref) {
  var children = _ref.children,
      props = (0, _objectWithoutProperties2.default)(_ref, ["children"]);
  var theme = (0, _styles.useTheme)();
  return /*#__PURE__*/_react.default.createElement(_PageContainer.default, null, /*#__PURE__*/_react.default.createElement(_core.Grid, {
    container: true,
    direction: "column",
    spacing: 2
  }, /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true
  }, /*#__PURE__*/_react.default.createElement(_core.Typography, {
    variant: "body2",
    style: {
      textAlign: 'center',
      width: '100%'
    }
  }, props.description)), /*#__PURE__*/_react.default.createElement(_core.Grid, {
    item: true,
    container: true,
    direction: "row",
    style: {
      justifyContent: "center"
    }
  }, props.links_array.map(function (link) {
    return /*#__PURE__*/_react.default.createElement(_core.Grid, {
      style: {
        padding: theme.spacing(1)
      },
      item: true
    }, link);
  }))));
}

var _default = Footer;
exports.default = _default;