From 6ad8388c39700c7211c6d2861292d6cd544c4793 Mon Sep 17 00:00:00 2001
From: Zack Stickles <zstickles@gmail.com>
Date: Fri, 24 Apr 2020 16:55:22 -0700
Subject: [PATCH] chore: added the ability to add a class to Container

---
 src/components/Container.js | 6 ++++--
 src/pages/reference.js      | 5 +++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Container.js b/src/components/Container.js
index cac8d96a2..5d53d4519 100644
--- a/src/components/Container.js
+++ b/src/components/Container.js
@@ -1,14 +1,16 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import cx from 'classnames';
 
 import './Container.scss';
 
-const Container = ({ children }) => (
-  <div className="u-container">{children}</div>
+const Container = ({ children, className }) => (
+  <div className={cx('u-container', className)}>{children}</div>
 );
 
 Container.propTypes = {
   children: PropTypes.node.isRequired,
+  className: PropTypes.string,
 };
 
 export default Container;
diff --git a/src/pages/reference.js b/src/pages/reference.js
index 7a16e53ac..441065818 100644
--- a/src/pages/reference.js
+++ b/src/pages/reference.js
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import Container from '../components/Container';
 import Layout from '../components/Layout';
 import Sidebar from '../components/Sidebar';
 
@@ -57,12 +58,12 @@ const pages = [
 
 const Reference = () => (
   <Layout>
-    <div className="ReferenceTemplate">
+    <Container className="ReferenceTemplate">
       <Sidebar pages={pages} />
       <main className="ReferenceTemplate-content">
         The main page content goes here
       </main>
-    </div>
+    </Container>
   </Layout>
 );