{"size": 581, "ext": "js", "max_stars_repo_path": "admin/src/components/Header/index.js", "max_stars_repo_name": "nihey/strapi-plugin-config-sync", "max_stars_repo_stars_event_min_datetime": "2021-03-23T16:09:24.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-30T06:08:57.000Z", "max_issues_repo_path": "admin/src/components/Header/index.js", "max_issues_repo_name": "nihey/strapi-plugin-config-sync", "max_issues_repo_issues_event_min_datetime": "2021-05-05T20:34:01.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-26T08:16:07.000Z", "max_forks_repo_path": "admin/src/components/Header/index.js", "max_forks_repo_name": "nihey/strapi-plugin-config-sync", "max_forks_repo_forks_event_min_datetime": "2021-04-02T02:30:07.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-30T23:08:55.000Z"}
{"max_stars_count": 108, "max_issues_count": 33, "max_forks_count": 8, "avg_line_length": 20.75, "max_line_length": 74, "alphanum_fraction": 0.6213425129}
/*
 *
 * HeaderComponent
 *
 */

import React, { memo } from 'react';
import { useIntl } from 'react-intl';

import { HeaderLayout } from '@strapi/design-system/Layout';
import { Box } from '@strapi/design-system/Box';

const HeaderComponent = () => {
  const { formatMessage } = useIntl();

  return (
    <Box background="neutral100">
      <HeaderLayout
        title={formatMessage({ id: 'config-sync.Header.Title' })}
        subtitle={formatMessage({ id: 'config-sync.Header.Description' })}
        as="h2"
      />
    </Box>
  );
};

export default memo(HeaderComponent);
