import classNames from "classnames";
import PropTypes from "prop-types";
import React from "react";
import "./ContentSection.css";

const ContentSection = ({ name, title, children }) => (
  <div id={name} className={classNames(name + "-section", "content-section")}>
    <div className="container">
      <h1>{title}</h1>
      {children}
    </div>
  </div>
);

ContentSection.propTypes = {
  name: PropTypes.string.isRequired
};

export default ContentSection;