import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject, _templateObject2;

import React from 'react';
import styled from 'styled-components';
import { LocalLabelsProvider } from '@sentecacommerce-theme/lib';
import { useRouter } from 'next/router';
import { BlogPost, BlogListing as BlogListingComponent } from './Components';
export var BlogPage = (_ref) => {
  var {
    labels
  } = _ref;
  var router = useRouter();
  var isIndexPage = router.pathname === '/blog';
  var isProductPage = router.pathname === '/blog/[slug]';
  return /*#__PURE__*/React.createElement(LocalLabelsProvider, {
    labels: labels
  }, /*#__PURE__*/React.createElement(MainContainer, null, /*#__PURE__*/React.createElement(BlogListing, null, isIndexPage && /*#__PURE__*/React.createElement(BlogListingComponent, null), isProductPage && /*#__PURE__*/React.createElement(BlogPost, null))));
};
var MainContainer = styled.div.attrs({
  className: 'container mt-5'
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
var BlogListing = styled.div.attrs({
  className: ''
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose([""])));
//# sourceMappingURL=blogPage.component.js.map