Docs: Fix extra heading in customized example (styleguidist#1107)

Closes styleguidist#1102

Author: MrKou47

examples/customised/styleguide.config.js

@@ -47,7 +47,7 @@ module.exports = {
 	styleguideComponents: {
 		LogoRenderer: path.join(__dirname, 'styleguide/components/Logo'),
 		StyleGuideRenderer: path.join(__dirname, 'styleguide/components/StyleGuide'),
-		SectionsRenderer: path.join(__dirname, 'styleguide/components/Sections'),
+		SectionsRenderer: path.join(__dirname, 'styleguide/components/SectionsRenderer'),
 	},
 	webpackConfig: {
 		module: {

examples/customised/styleguide/components/Sections.js renamed to examples/customised/styleguide/components/SectionsRenderer.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Styled from 'rsg-components/Styled';
 import Heading from 'rsg-components/Heading';
 // Import default implementation from react-styleguidist using the full path
-import DefaultSections from 'react-styleguidist/lib/rsg-components/Sections/SectionsRenderer';
+import DefaultSectionsRenderer from 'react-styleguidist/lib/rsg-components/Sections/SectionsRenderer';
 
 const styles = ({ fontFamily, color, space }) => ({
 	headingSpacer: {
@@ -18,11 +18,12 @@ const styles = ({ fontFamily, color, space }) => ({
 export function SectionsRenderer({ classes, children }) {
 	return (
 		<div>
-			<div className={classes.headingSpacer}>
-				<Heading level={1}>Example Components</Heading>
-				<p className={classes.descriptionText}>These are the greatest components</p>
-			</div>
-			<DefaultSections>{children}</DefaultSections>
+			{!!children.length &&
+				<div className={classes.headingSpacer}>
+					<Heading level={1}>Example Components</Heading>
+					<p className={classes.descriptionText}>These are the greatest components</p>
+				</div>}
+			<DefaultSectionsRenderer>{children}</DefaultSectionsRenderer>
 		</div>
 	);
 }