{"size": 731, "ext": "js", "max_stars_repo_path": "src/components/Layout/Layout.js", "max_stars_repo_name": "alavkx/aleclavoiedotcom", "max_stars_repo_stars_event_min_datetime": "2019-05-19T02:17:18.000Z", "max_stars_repo_stars_event_max_datetime": "2019-05-19T02:17:18.000Z", "max_issues_repo_path": "src/components/Layout/Layout.js", "max_issues_repo_name": "alavkx/aleclavoiedotcom", "max_issues_repo_issues_event_min_datetime": "2021-06-28T20:27:52.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T10:09:17.000Z", "max_forks_repo_path": "src/components/Layout/Layout.js", "max_forks_repo_name": "alavkx/aleclavoiedotcom", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 7, "max_forks_count": null, "avg_line_length": 22.84375, "max_line_length": 71, "alphanum_fraction": 0.60875513}
// @flow
import React, { useEffect } from 'react';
import Helmet from 'react-helmet';
import type { Node as ReactNode } from 'react';
import styles from './Layout.module.scss';

type Props = {
  children: ReactNode,
  title: string,
  description?: string,
  location: any,
};

const Layout = ({ children, title, description, location }: Props) => {
  useEffect(() => {
    window.Appcues.page();
  }, [location.pathname]);
  return (
    <div className={styles.layout}>
      <Helmet>
        <html lang="en" />
        <title>{title}</title>
        <meta name="description" content={description} />
        <script src="//fast.appcues.com/53839.js" />
      </Helmet>
      {children}
    </div>
  );
};

export default Layout;
