"use strict";

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

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

var _index = require("./index");

var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));

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

var _default = {
  title: 'Components/Icons',
  component: _SvgIcon.default
};
exports.default = _default;
var iconData = [{
  defaultTitle: 'Add',
  component: /*#__PURE__*/_react.default.createElement(_index.AddIcon, null),
  name: 'AddIcon'
}, {
  defaultTitle: 'Alert',
  component: /*#__PURE__*/_react.default.createElement(_index.AlertCircleIcon, null),
  name: 'AlertCircleIcon'
}, {
  defaultTitle: 'Sort',
  component: /*#__PURE__*/_react.default.createElement(_index.ArrowsStackedIcon, null),
  name: 'ArrowsStackedIcon'
}, {
  defaultTitle: '[direction of arrow]',
  component: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.ArrowIcon, {
    direction: "up"
  }), /*#__PURE__*/_react.default.createElement(_index.ArrowIcon, {
    direction: "down"
  }), /*#__PURE__*/_react.default.createElement(_index.ArrowIcon, {
    direction: "left"
  }), /*#__PURE__*/_react.default.createElement(_index.ArrowIcon, {
    direction: "right"
  })),
  name: 'ArrowIcon',
  notes: 'Component takes <code>direction</code> prop to determine if it is up, down, left or right.'
}, {
  defaultTitle: 'Building in circle',
  component: /*#__PURE__*/_react.default.createElement(_index.BuildingCircleIcon, null),
  name: 'BuildingCircleIcon'
}, {
  defaultTitle: 'Calendar',
  component: /*#__PURE__*/_react.default.createElement(_index.CalendarIcon, null),
  name: 'CalendarIcon'
}, {
  defaultTitle: 'Check mark in circle',
  component: /*#__PURE__*/_react.default.createElement(_index.CheckCircleIcon, null),
  name: 'CheckCircleIcon'
}, {
  defaultTitle: 'Check mark',
  component: /*#__PURE__*/_react.default.createElement(_index.CheckIcon, null),
  name: 'CheckIcon'
}, {
  defaultTitle: 'Close',
  component: /*#__PURE__*/_react.default.createElement(_index.CloseIcon, null),
  name: 'CloseIcon'
}, {
  defaultTitle: 'Close',
  component: /*#__PURE__*/_react.default.createElement(_index.CloseIconThin, null),
  name: 'CloseIconThin'
}, {
  defaultTitle: 'Download',
  component: /*#__PURE__*/_react.default.createElement(_index.DownloadIcon, null),
  name: 'DownloadIcon'
}, {
  defaultTitle: 'External Link',
  component: /*#__PURE__*/_react.default.createElement(_index.ExternalLinkIcon, null),
  name: 'ExternalLinkIcon'
}, {
  defaultTitle: 'Image',
  component: /*#__PURE__*/_react.default.createElement(_index.ImageIcon, null),
  name: 'ImageIcon'
}, {
  defaultTitle: 'Information',
  component: /*#__PURE__*/_react.default.createElement(_index.InfoCircleIcon, null),
  name: 'InfoCircleIcon'
}, {
  defaultTitle: 'Information',
  component: /*#__PURE__*/_react.default.createElement(_index.InfoCircleIconThin, null),
  name: 'InfoCircleIconThin'
}, {
  defaultTitle: 'Lock in circle',
  component: /*#__PURE__*/_react.default.createElement(_index.LockCircleIcon, null),
  name: 'LockCircleIcon'
}, {
  defaultTitle: 'Lock',
  component: /*#__PURE__*/_react.default.createElement(_index.LockIcon, null),
  name: 'LockIcon'
}, {
  defaultTitle: 'Menu Icon',
  component: /*#__PURE__*/_react.default.createElement(_index.MenuIcon, null),
  name: 'MenuIcon'
}, {
  defaultTitle: 'Menu',
  component: /*#__PURE__*/_react.default.createElement(_index.MenuIconThin, null),
  name: 'MenuIconThin'
}, {
  defaultTitle: 'Minus in circle',
  component: /*#__PURE__*/_react.default.createElement(_index.MinusCircleIcon, null),
  name: 'MinusCircleIcon'
}, {
  defaultTitle: 'Next',
  component: /*#__PURE__*/_react.default.createElement(_index.NextIcon, null),
  name: 'NextIcon'
}, {
  defaultTitle: 'Pdf',
  component: /*#__PURE__*/_react.default.createElement(_index.PdfIcon, null),
  name: 'PdfIcon'
}, {
  defaultTitle: 'Plus in circle',
  component: /*#__PURE__*/_react.default.createElement(_index.PlusCircleIcon, null),
  name: 'PlusCircleIcon'
}, {
  defaultTitle: 'Remove',
  component: /*#__PURE__*/_react.default.createElement(_index.RemoveIcon, null),
  name: 'RemoveIcon'
}, {
  defaultTitle: 'Star / Star Filled',
  component: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.StarIcon, null), /*#__PURE__*/_react.default.createElement(_index.StarIcon, {
    isFilled: true
  })),
  name: 'StarIcon',
  notes: 'Component takes <code>isFilled</code> prop to determine star is filled or an outline.'
}, {
  defaultTitle: 'U.S. flag',
  component: /*#__PURE__*/_react.default.createElement(_index.UsaFlagIcon, null),
  name: 'UsaFlagIcon'
}, {
  defaultTitle: 'Warning',
  component: /*#__PURE__*/_react.default.createElement(_index.WarningIcon, null),
  name: 'WarningIcon'
}];

var AvailableIcons = function AvailableIcons() {
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("table", {
    className: "ds-c-table"
  }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, "Icon Component"), /*#__PURE__*/_react.default.createElement("th", null, "Example"), /*#__PURE__*/_react.default.createElement("th", null, "Default ", /*#__PURE__*/_react.default.createElement("code", null, "title"), " attribute"), /*#__PURE__*/_react.default.createElement("th", null, "Notes"))), /*#__PURE__*/_react.default.createElement("tbody", null, iconData.map(function (_ref) {
    var defaultTitle = _ref.defaultTitle,
        component = _ref.component,
        name = _ref.name,
        notes = _ref.notes;
    return /*#__PURE__*/_react.default.createElement("tr", {
      key: name
    }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("code", null, name)), /*#__PURE__*/_react.default.createElement("td", {
      className: "ds-u-text-align--center"
    }, component), /*#__PURE__*/_react.default.createElement("td", null, defaultTitle), /*#__PURE__*/_react.default.createElement("td", {
      dangerouslySetInnerHTML: {
        __html: notes
      }
    }));
  }))));
};

exports.AvailableIcons = AvailableIcons;