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

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

const styling = theme => ({
    wrapper: {
        margin: 0,
        display: 'flex',
        alignItems: 'center'
    },
    lbl: {
        marginLeft: theme.gutter.base * 3 + 'px',
    },
});

class MainText extends React.Component {

    render() {
        const {t, head, deleteItem} = this.props;
        const Hd = head;

        return (
            <React.Fragment>
                <Hd
                    icon={(p) => <MdDescription size={'1.875em'} {...p}/>}
                    lbl={()=>t('block.mainText')}
                    deleteItem={deleteItem}
                />
            </React.Fragment>
        );
    };
}

export default injectSheet(styling)(MainText);