<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import Icon from '../icon/Icon';

const Information = ({ icon = 'info', children }) => {
    return (
        <div className="information-panel bordered-container relative flex flex-column">
            <div className="information-panel-image flex bg-global-highlight">
                <Icon name={icon} className="mauto" />
            </div>
            <div className="information-panel-content flex h100  flex-column">{children}</div>
        </div>
    );
};

Information.propTypes = {
    icon: PropTypes.string.isRequired,
    children: PropTypes.node.isRequired,
};

export default Information;<commit_msg>fix [MAILWEB-1272] related sections should be same width<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import Icon from '../icon/Icon';

const Information = ({ icon = 'info', children }) => {
    return (
        <div className="information-panel w100 bordered-container relative flex flex-column">
            <div className="information-panel-image flex bg-global-highlight">
                <Icon name={icon} className="mauto" />
            </div>
            <div className="information-panel-content flex h100  flex-column">{children}</div>
        </div>
    );
};

Information.propTypes = {
    icon: PropTypes.string.isRequired,
    children: PropTypes.node.isRequired,
};

export default Information;
{'fraction_non_alphanumeric': 0.1319832402234637, 'fraction_numerical': 0.009078212290502794, 'mean_word_length': 3.0942857142857143, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 19, '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': '1787578', 'n_tokens_mistral': 387, 'n_tokens_neox': 380, 'n_words': 99}