"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
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 words_1 = require("src/words");
const types_1 = require("@skava/modules/___dist/view-container/types");
const styles_1 = __importDefault(require("./styles"));
const fixture_1 = require("./fixture");
// @todo !!!
const Portal = react_1.default.Fragment;
let SkipNav = class SkipNav extends react_1.default.PureComponent {
    render() {
        const identifier = this.props.identifier;
        const to = '#' + this.props.to;
        // tabIndex={}
        return (react_1.default.createElement(Portal, { id: identifier },
            react_1.default.createElement("a", { href: to, className: fixture_1.classes.skipnav, role: "navigation" }, words_1.wording.skipToMainContent)));
    }
};
SkipNav.propTypes = {
    // @alias goto
    to: types_1.string,
    identifier: types_1.string,
};
SkipNav.defaultProps = {
    to: 'main',
    identifier: 'skipnav',
};
SkipNav = __decorate([
    styles_1.default
], SkipNav);
exports.SkipNav = SkipNav;
exports.default = SkipNav;
//# sourceMappingURL=SkipNav.js.map