<commit_before>import React, { useState } from 'react';
import PropTypes from 'prop-types';
import Footer from '@shopgate/pwa-ui-shared/Footer';
import { LiveMessenger, Navigation } from '@shopgate/engage/a11y';
import NavDrawer from 'Components/NavDrawer';
import Search from 'Components/Search';
import { a11yNavEntries } from './constants';
import styles from './style';

/**
 * The Viewport component.
 * @param {Object} props The component props.
 * @returns {JSX}
 */<commit_msg>PWA-2456 Fixed the page insets issue by adding the insets always.<commit_after>import React, { useState } from 'react';
import PropTypes from 'prop-types';
import { Footer } from '@shopgate/engage/components';
import { LiveMessenger, Navigation } from '@shopgate/engage/a11y';
import NavDrawer from 'Components/NavDrawer';
import Search from 'Components/Search';
import { a11yNavEntries } from './constants';
import styles from './style';

/**
 * The Viewport component.
 * @param {Object} props The component props.
 * @returns {JSX}
 */
{'fraction_non_alphanumeric': 0.13098729227761485, 'fraction_numerical': 0.011730205278592375, 'mean_word_length': 5.131736526946108, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1051080', 'n_tokens_mistral': 307, 'n_tokens_neox': 301, 'n_words': 100}