var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import React from 'react';
import styled from 'react-emotion';
import { connect } from 'react-redux';
var Pre = styled('pre')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex: 1;\n  background-color: #1e1e1e;\n  color: white;\n  box-sizing: border-box;\n  margin: 0px;\n  display: flex;\n"], ["\n  flex: 1;\n  background-color: #1e1e1e;\n  color: white;\n  box-sizing: border-box;\n  margin: 0px;\n  display: flex;\n"])));
var Code = styled('code')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding-left: 80px;\n"], ["\n  padding-left: 80px;\n"])));
var SimpleCodeEditor = function (_a) {
    var code = _a.code;
    return (React.createElement(Pre, { style: { flex: 1 } },
        React.createElement(Code, null, code)));
};
var mapStateToProps = function (_a) {
    var software = _a.software;
    return ({
        code: software.code,
    });
};
var mapDispatchToProps = function (dispatch) { return ({}); };
export default connect(mapStateToProps, mapDispatchToProps)(SimpleCodeEditor);
var templateObject_1, templateObject_2;
//# sourceMappingURL=SimpleCodeEditor.js.map