<commit_before>import React from 'react';
import videoConnect from 'react-html5video';
 
const Video = ({ video, videoEl, children, ...restProps }) => (
    <div className="video" onClick={ e => e.stopPropagation()}>
        <video {...restProps}>
            { children }
        </video>
        <p>
            Here are the video properties for the above HTML5 video:
            { JSON.stringify(video) }
        </p>
        <a href="#" onClick={(e) => {
            e.preventDefault();
            // You can do what you like with the HTMLMediaElement DOM element also. 
            videoEl.pause();
        }}>
            Pause video
        </a>
    </div>
);
 
export default videoConnect(Video)<commit_msg>(Video): Switch to wrapper rather than custom controls<commit_after>import { DefaultPlayer as Video } from 'react-html5video';
import 'react-html5video/dist/styles.css';

/**
 * Wrapper to avoid messy imports.
 */
export default ({controls, poster, onCanPlayThrough, children, ...restProps}) => {
    return (
        <Video {...restProps}
            controls={controls}
            poster={poster}
            onCanPlayThrough={onCanPlayThrough}>
            {children}
        </Video>
    );
}
{'fraction_non_alphanumeric': 0.1326194398682043, 'fraction_numerical': 0.0032948929159802307, 'mean_word_length': 2.1973684210526314, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 17, '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': '5193631', 'n_tokens_mistral': 334, 'n_tokens_neox': 328, 'n_words': 94}