"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.SkipNavExample = exports.DefaultSkipNav = void 0;

var _react = _interopRequireDefault(require("react"));

var _SkipNav = _interopRequireDefault(require("./SkipNav"));

var _excluded = ["data"];

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var _default = {
  title: 'Components/Skip Nav',
  component: _SkipNav.default,
  args: {
    href: '#main'
  },
  parameters: {
    loki: {
      skip: true
    }
  }
};
exports.default = _default;

var Template = function Template(_ref) {
  var data = _ref.data,
      args = _objectWithoutProperties(_ref, _excluded);

  return /*#__PURE__*/_react.default.createElement(_SkipNav.default, args);
};

var DefaultSkipNav = Template.bind({});
exports.DefaultSkipNav = DefaultSkipNav;
var SkipNavExample = Template.bind({});
exports.SkipNavExample = SkipNavExample;
SkipNavExample.decorators = [function (Story) {
  return /*#__PURE__*/_react.default.createElement("div", null, Story(), /*#__PURE__*/_react.default.createElement("nav", {
    className: "ds-u-padding--3"
  }, /*#__PURE__*/_react.default.createElement("h1", {
    className: "ds-u-margin--0"
  }, "Navigation"), /*#__PURE__*/_react.default.createElement("p", {
    className: "ds-u-margin--0"
  }, "Clicking on the Skip Nav will skip over this section."), /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
    href: "#"
  }, "Navigation link 1")), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
    href: "#"
  }, "Navigation link 2")))), /*#__PURE__*/_react.default.createElement("main", {
    id: "main",
    className: "ds-u-padding--3 ds-u-fill--gray-lightest",
    tabIndex: "-1"
  }, /*#__PURE__*/_react.default.createElement("h1", {
    className: "ds-u-margin--0"
  }, "Main content"), /*#__PURE__*/_react.default.createElement("p", {
    className: "ds-u-margin--0"
  }, "Clicking on the Skip Nav will focus this element.")));
}];