"use strict";

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

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

var React = _interopRequireWildcard(require("react"));

var _reactRouterDom = require("react-router-dom");

var _reactHelmet = require("react-helmet");

var _styledComponents = require("styled-components");

var _styledNormalize = require("styled-normalize");

var _intl = require("@reactizer/intl");

var _RoutesSync = require("./RoutesSync");

var _routes = _interopRequireDefault(require("./consts/routes"));

/* eslint-disable react/no-danger */
// @ts-ignore: outdated types
const Root = () => {
  const intl = (0, _intl.useIntl)();
  const theme = (0, _styledComponents.useTheme)();
  return React.createElement(React.Fragment, null, React.createElement(_reactHelmet.Helmet, {
    titleTemplate: "%s | Reactizer",
    defaultTitle: `${intl.t("Home")} | Reactizer`
  }, React.createElement("html", {
    lang: intl.id
  }), React.createElement("meta", {
    charSet: "utf-8"
  }), React.createElement("meta", {
    name: "viewport",
    content: "width=device-width, initial-scale=1, viewport-fit=cover"
  }), React.createElement("meta", {
    name: "theme-color",
    content: theme.colorProductNormal
  }), React.createElement("link", {
    rel: "apple-touch-icon",
    sizes: "57x57",
    href: "/head/apple-icon-57x57.png"
  }), React.createElement("link", {
    rel: "apple-touch-icon",
    sizes: "60x60",
    href: "/head/apple-icon-60x60.png"
  }), React.createElement("link", {
    rel: "apple-touch-icon",
    sizes: "72x72",
    href: "/head/apple-icon-72x72.png"
  }), React.createElement("link", {
    rel: "apple-touch-icon",
    sizes: "76x76",
    href: "/head/apple-icon-76x76.png"
  }), React.createElement("link", {
    rel: "apple-touch-icon",
    sizes: "114x114",
    href: "/head/apple-icon-114x114.png"
  }), React.createElement("link", {
    rel: "apple-touch-icon",
    sizes: "120x120",
    href: "/head/apple-icon-120x120.png"
  }), React.createElement("link", {
    rel: "apple-touch-icon",
    sizes: "144x144",
    href: "/head/apple-icon-144x144.png"
  }), React.createElement("link", {
    rel: "apple-touch-icon",
    sizes: "152x152",
    href: "/head/apple-icon-152x152.png"
  }), React.createElement("link", {
    rel: "apple-touch-icon",
    sizes: "180x180",
    href: "/head/apple-icon-180x180.png"
  }), React.createElement("link", {
    rel: "manifest",
    href: "/head/manifest.json?v=3"
  }), React.createElement("link", {
    rel: "icon",
    type: "image/png",
    sizes: "192x192",
    href: "/head/android-icon-192x192.png"
  }), React.createElement("link", {
    rel: "icon",
    type: "image/png",
    sizes: "32x32",
    href: "/head/favicon-32x32.png"
  }), React.createElement("link", {
    rel: "icon",
    type: "image/png",
    sizes: "96x96",
    href: "/head/favicon-96x96.png"
  }), React.createElement("link", {
    rel: "icon",
    type: "image/png",
    sizes: "16x16",
    href: "/head/favicon-16x16.png"
  }), React.createElement("meta", {
    name: "msapplication-TileImage",
    content: "/ms-icon-144x144.png"
  })), React.createElement(_styledNormalize.Normalize, null), React.createElement(_reactRouterDom.Switch, null, React.createElement(_reactRouterDom.Route, {
    path: _routes.default.INDEX,
    exact: true,
    render: () => React.createElement(_RoutesSync.Index, null)
  }), React.createElement(_reactRouterDom.Redirect, {
    to: _routes.default.INDEX
  })));
};

var _default = Root;
exports.default = _default;