text: exports.id = 191;
  exports.ids = [191];
  exports.modules = {
  
  /***/ 1388:
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5282);
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9297);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(762);
  /* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(framer_motion__WEBPACK_IMPORTED_MODULE_2__);
  /* harmony import */ var _meta__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9848);
  
  
  
  
  
  const variants = {
    hidden: {
      opacity: 0,
      x: -200,
      y: 0
    },
    enter: {
      opacity: 1,
      x: 0,
      y: 0
    },
    exit: {
      opacity: 0,
      x: 0,
      y: -100
    }
  };
  
  const PageLayout = ({
    children,
    title,
    description,
    keywords,
    image
  }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, {
    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_meta__WEBPACK_IMPORTED_MODULE_3__/* .default */ .Z, {
      title: title,
      description: description,
      keywords: keywords,
      image: image
    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(framer_motion__WEBPACK_IMPORTED_MODULE_2__.motion.main, {
      initial: "hidden",
      animate: "enter",
      exit: "exit",
      variants: variants,
      transition: {
        type: "linear"
      },
      children: children
    })]
  });
  
  /* harmony default export */ __webpack_exports__["Z"] = (PageLayout);
  
  /***/ }),
  
  /***/ 2798:
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "$G": function() { return /* binding */ Tags; }
  /* harmony export */ });
  /* unused harmony exports useTagStyles, Tag */
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5282);
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9297);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var _chakra_ui_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3426);
  /* harmony import */ var _chakra_ui_react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_chakra_ui_react__WEBPACK_IMPORTED_MODULE_2__);
  /* harmony import */ var _theme_foundations_colors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(759);
  
  
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
  
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
  
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
  
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
  
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
  
  
  
  
  function useTagStyles(colorScheme = "accent") {
    const theme = (0,_chakra_ui_react__WEBPACK_IMPORTED_MODULE_2__.useTheme)();
    return {
      bg: (0,_chakra_ui_react__WEBPACK_IMPORTED_MODULE_2__.useColorModeValue)(`${colorScheme}.100`, colorScheme === "accent" ? "var(--colors-accent-tag-bg-dark)" : (0,_theme_foundations_colors__WEBPACK_IMPORTED_MODULE_3__/* .getTagBackgroundDark */ .hK)(colorScheme, theme)),
      color: (0,_chakra_ui_react__WEBPACK_IMPORTED_MODULE_2__.useColorModeValue)(`${colorScheme}.800`, `${colorScheme}.200`)
    };
  }
  const Tag = (_ref) => {
    let {
      colorScheme = "accent",
      name,
      interactive = true
    } = _ref,
        props = _objectWithoutProperties(_ref, ["colorScheme", "name", "interactive"]);
  
    const propsOverride = _objectSpread({
      size: "sm",
      verticalAlign: "middle"
    }, useTagStyles(colorScheme));
  
    if (!interactive) {
      return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_chakra_ui_react__WEBPACK_IMPORTED_MODULE_2__.Tag, _objectSpread(_objectSpread(_objectSpread({}, props), propsOverride), {}, {
        children: name
      }));
    }
  
    return (
      /*#__PURE__*/
      // <RouteLink to={`/posts?tag=${name}`}>
      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_chakra_ui_react__WEBPACK_IMPORTED_MODULE_2__.Tag, _objectSpread(_objectSpread(_objectSpread({}, props), propsOverride), {}, {
        children: name
      })) // </RouteLink>
  
    );
  };
  const Tags = (_ref2) => {
    let {
      tags,
      interactive = true,
      tagProps = {}
    } = _ref2,
        props = _objectWithoutProperties(_ref2, ["tags", "interactive", "tagProps"]);
  
    if (!tags || tags.length === 0) {
      return null;
    }
  
    return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_chakra_ui_react__WEBPACK_IMPORTED_MODULE_2__.Flex, _objectSpread(_objectSpread({
      alignItems: "center",
      flexWrap: "wrap",
      m: "-2px"
    }, props), {}, {
      children: tags.map(tag => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Tag, _objectSpread({
        name: tag,
        interactive: interactive,
        m: "2px"
      }, tagProps), tag))
    }));
  };
  
  /***/ })
  
  };
  ;