@10up/babel-preset-default/fixtures/react.js

10up's default babel preset

import { Component } from 'react'; // eslint-disable-line import/no-extraneous-dependencies
import PropTypes from 'prop-types'; // eslint-disable-line import/no-extraneous-dependencies

const FCComponent = ({ title, url, description }) => (
	<div className="component-test-babel">
		<a href={url} title={title}>
			<h1>{title}</h1>
		</a>
		<p>{description}</p>
	</div>
);

FCComponent.propTypes = {
	title: PropTypes.string,
	url: PropTypes.string,
	description: PropTypes.string,
};

FCComponent.defaultProps = {
	title: '',
	url: '',
	description: '',
};

class ClassComponent extends Component {
	componentDidMount() {
		// doing something
	}

	render() {
		const { title } = this.props;
		return (
			<div className="Class Component">
				<h1>{title}</h1>
			</div>
		);
	}
}

ClassComponent.propTypes = {
	title: PropTypes.string.isRequired,
};

export default FCComponent;