import React from 'react';
import {MdDescription} from 'react-icons/md';

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

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

class MainText extends React.Component {

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

        return (
            <React.Fragment>
                <p className={classes.wrapper}>
                    <MdDescription size={'1.5em'} style={{flexShrink: 0, marginRight: theme.gutter.base * 2 + 'px'}}/>
                    {t('block.mainText')}
                </p>
            </React.Fragment>
        );
    };
}

export default withTheme(injectSheet(styling)(MainText));