"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("../../../words");

const styled_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 = __decorate([styled_1.default], SkipNav);
exports.SkipNav = SkipNav;
exports.default = SkipNav; //# sourceMappingURL=SkipNav.js.map