import * as React from 'react'
import { StylableComponent } from '../theme'
import { ContainerProps } from './interfaces'

const styles = require('../../../src/components/container/styles.scss')

export class Container extends StylableComponent<ContainerProps> {
    public render(): JSX.Element {
        const { id, children } = this.props
        return (
            <div id={id} className={styles.outer}>
                <div className={styles.inner}>
                    {children}
                </div>
            </div>
        )
    }
}