import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject;

import React from 'react';
import styled from 'styled-components';
import { Link } from '@sentecacommerce-theme/lib';
import { Typography } from '../../../Common';
export var Accordion = (_ref) => {
  var {
    item
  } = _ref;
  return /*#__PURE__*/React.createElement(React.Fragment, null, item == null ? void 0 : item.elements.map((element, index) => {
    return /*#__PURE__*/React.createElement(InnerTitle, {
      key: "Item__" + element.slug + "-" + index
    }, /*#__PURE__*/React.createElement(Link, {
      href: element.isExternal ? "" + element.slug : "/help" + element.slug
    }, element.title));
  }));
};
var InnerTitle = styled(Typography).attrs({
  as: 'h5',
  variant: 5
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  &:first-child {\n    padding-top: 0.8rem;\n  }\n  max-width: 92%;\n"])));
//# sourceMappingURL=index.js.map