"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const words_1 = require("../../../words");

const styled_1 = tslib_1.__importDefault(require("./styled"));

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.defaultProps = {
  to: 'main',
  identifier: 'skipnav'
};
SkipNav = tslib_1.__decorate([styled_1.default], SkipNav);
exports.SkipNav = SkipNav;
exports.default = SkipNav; //# sourceMappingURL=SkipNav.js.map