import React from 'react';
import {MdWidgets} from 'react-icons/md';
import {withNamespaces} from 'react-i18next';

import {injectSheet} from '../../../lib/theme';

const styling = theme => ({
    wrapper: {
        margin: 0,
        display: 'flex',
        //flexDirection:
        alignItems: 'center'
    }
});

class ContentBlock extends React.Component {

    render() {
        const {t, classes, data} = this.props;

        return (
            <React.Fragment>
                <div className={classes.wrapper}>
                    <MdWidgets size={24}/>
                    {t('block.selection.' + data.id)}
                </div>
            </React.Fragment>
        );
    };
}

export default withNamespaces('page--content-article')(injectSheet(styling)(ContentBlock));