<commit_before>import React from 'react';
import './Main.css';

class Main extends React.Component {

    render() {
        return(
            <main className="Main">
                <div className="container">
                    <fieldset className="field">
                        <legend className="label">Gender</legend>
                        <div className="gender-control" data-gender={this.props.gender}>
                            <div className="active-gender-slider"></div>
                            <div className="gender-group">
                                <input type='radio' id='apft_gender_1' value="male"
                                    onChange={this.props.handleChange}
                                    checked={this.props.gender === 'male'} />
                                <label htmlFor="apft_gender_1">Male</label>
                            </div>
                            <div className="gender-group">
                                <input type='radio' id='apft_gender_2' value="female"
                                    onChange={this.props.handleChange}
                                    checked={this.props.gender === 'female'} />
                                <label htmlFor="apft_gender_2">Female</label>
                            </div>
                        </div>
                    </fieldset>
                    <div className="field">
                        <label className="label" htmlFor="apft_pu">Push-Ups</label>
                        <div className="control">
                            <input className="input" type="number" pattern="[0-9]*" min="0" inputMode="numeric" id="apft_pu" onChange={this.props.handleChange} />
                        </div>
                    </div>
                    <div className="field">
                        <label className="label" htmlFor="apft_su">Sit-Ups</label>
                        <div className="control">
                            <input className="input" type="number" pattern="[0-9]*" min="0" inputMode="numeric" id="apft_su" onChange={this.props.handleChange} />
                        </div>
                    </div>
                    <div className="columns">
                        <div className="column">
                            <div className="field">
                                <label className="label" htmlFor="apft_min">Run Time</label><commit_msg>Add placeholder to push-ups & sit-ups<commit_after>import React from 'react';
import './Main.css';

class Main extends React.Component {

    render() {
        return(
            <main className="Main">
                <div className="container">
                    <fieldset className="field">
                        <legend className="label">Gender</legend>
                        <div className="gender-control" data-gender={this.props.gender}>
                            <div className="active-gender-slider"></div>
                            <div className="gender-group">
                                <input type='radio' id='apft_gender_1' value="male"
                                    onChange={this.props.handleChange}
                                    checked={this.props.gender === 'male'} />
                                <label htmlFor="apft_gender_1">Male</label>
                            </div>
                            <div className="gender-group">
                                <input type='radio' id='apft_gender_2' value="female"
                                    onChange={this.props.handleChange}
                                    checked={this.props.gender === 'female'} />
                                <label htmlFor="apft_gender_2">Female</label>
                            </div>
                        </div>
                    </fieldset>
                    <div className="field">
                        <label className="label" htmlFor="apft_pu">Push-Ups</label>
                        <div className="control">
                            <input className="input" type="number" pattern="[0-9]*" min="0" inputMode="numeric" id="apft_pu" onChange={this.props.handleChange} placeholder="0" />
                        </div>
                    </div>
                    <div className="field">
                        <label className="label" htmlFor="apft_su">Sit-Ups</label>
                        <div className="control">
                            <input className="input" type="number" pattern="[0-9]*" min="0" inputMode="numeric" id="apft_su" onChange={this.props.handleChange} placeholder="0" />
                        </div>
                    </div>
                    <div className="columns">
                        <div className="column">
                            <div className="field">
                                <label className="label" htmlFor="apft_min">Run Time</label>
{'fraction_non_alphanumeric': 0.12433428922572716, 'fraction_numerical': 0.004506349856616141, 'mean_word_length': 1.2115036231884058, 'pattern_counts': {'":': 0, '<': 81, '<?xml version=': 0, '>': 81, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4296168', 'n_tokens_mistral': 1157, 'n_tokens_neox': 1086, 'n_words': 195}