gistfile1.txt

// TOP LEVEL IMPORTS
import React from 'react';
import PropTypes from 'prop-types';
// ANTD
import Input from 'antd/lib/input';
import 'antd/lib/input/style/css';
import Icon from 'antd/lib/icon';
import 'antd/lib/icon/style/css';

// EXPORTED COMPONENT
// ===================================
export class UsernameInput extends React.Component {
  render() {
    return (
      <Input
        {...this.props}
        prefix={<Icon type="user" />}
        placeholder="Username"
      />
    );
  }
}

// PROPS
// ===================================
UsernameInput.propTypes = {
  // accepts same props as the orginal antd component
};

// Specifies the default values for props:
UsernameInput.defaultProps = {
  size: 'large',
  style: {},
};