"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const styled_1 = require("./styled");
const deps_1 = require("./deps");
class Main extends react_1.default.PureComponent {
    render() {
        const { className, children } = this.props;
        const classNamed = deps_1.toMainClassName(className);
        return (react_1.default.createElement(styled_1.StyledMain, { className: classNamed, id: 'main', 
            // we only want to focus this element via js?
            // or do we want to put hidden element inside of here?
            // @michael
            tabIndex: "-1" }, children));
    }
}
exports.Main = Main;
exports.default = Main;
//# sourceMappingURL=Main.js.map