"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.Accordion = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

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

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _lib = require("@sentecacommerce-theme/lib");

var _Common = require("../../../Common");

var _templateObject;

var Accordion = function Accordion(_ref) {
  var item = _ref.item;
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, item == null ? void 0 : item.elements.map(function (element, index) {
    return /*#__PURE__*/_react["default"].createElement(InnerTitle, {
      key: "Item__" + element.slug + "-" + index
    }, /*#__PURE__*/_react["default"].createElement(_lib.Link, {
      href: element.isExternal ? "" + element.slug : "/help" + element.slug
    }, element.title));
  }));
};

exports.Accordion = Accordion;
var InnerTitle = (0, _styledComponents["default"])(_Common.Typography).attrs({
  as: 'h5',
  variant: 5
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  &:first-child {\n    padding-top: 0.8rem;\n  }\n  max-width: 92%;\n"])));
//# sourceMappingURL=index.js.map