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

export class Spacer extends StylableComponent<SpacerProps> {

    public static defaultProps = {
        height: 1,
        width: 1,
        type: 'px',
    }

    public render() {
        const { width, height, type } = this.props

        return (
            <div style={{
                width: `${width}${type}`,
                height: `${height}${type}`,
            }}/>
        )
    }
}