Allow class name to be specified on top level spaces

Author: aeagle

react-spaces/src/components/FixedSizeContainer.tsx

@@ -3,6 +3,7 @@ import './FixedSizeContainer.scss';
 import * as Spaces from './Space';
 
 interface IProps {
+	className?: string,
 	style?: React.CSSProperties,
 	width?: number,
 	height: number
@@ -19,7 +20,7 @@ export const Fixed : React.FC<IProps> = (props) => {
 
 	return (
 	<div 
-		className='spaces-fixedsize-layout'
+		className={`spaces-fixedsize-layout${props.className ? ` ${props.className}` : ``}`}
 		style={style}>
 
 		<Spaces.Fill>

react-spaces/src/components/FullPageContainer.tsx

@@ -3,6 +3,7 @@ import './FullPageContainer.scss';
 import * as Spaces from './Space';
 
 interface IProps {
+	className?: number,
 	left?: number,
 	top?: number,
 	right?: number,
@@ -11,7 +12,7 @@ interface IProps {
 
 export const ViewPort : React.FC<IProps> = (props) => (
 	<div 
-		className='spaces-fullpage-layout' 
+		className={`spaces-fullpage-layout${props.className ? ` ${props.className}` : ``}`}
 		style={{ 
 			left: props.left || 0, 
 			top: props.top || 0,