@digigov/react-core 0.15.5 → 0.16.2

package/esm/DateInput/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -15,7 +16,8 @@ export var DateInput = /*#__PURE__*/React.forwardRef(function DateInput(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-date-input')
   }, props), children);

package/esm/DateInputItem/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "width", "error", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -22,7 +23,8 @@ export var DateInputItem = /*#__PURE__*/React.forwardRef(function DateInputItem(
     className: clsx(className, true && 'govgr-date-input__item')
   }, /*#__PURE__*/React.createElement("label", {
     className: clsx(true && 'govgr-label')
-  }, children, /*#__PURE__*/React.createElement("input", _extends({
+  }, children, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "input",
     ref: ref,
     type: "text",
     pattern: "[0-9]*",

package/esm/Details/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var Details = /*#__PURE__*/React.forwardRef(function Details(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("details", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "details",
     ref: ref,
     className: clsx(className, true && 'govgr-details')
   }, props), children);

package/esm/DetailsContent/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var DetailsContent = /*#__PURE__*/React.forwardRef(function DetailsConten
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-details__summary-text')
   }, props), children);

package/esm/DetailsSummary/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var DetailsSummary = /*#__PURE__*/React.forwardRef(function DetailsSummar
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("summary", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "summary",
     ref: ref,
     className: clsx(className, true && 'govgr-details__summary')
   }, props), children);

package/esm/ErrorMessage/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var ErrorMessage = /*#__PURE__*/React.forwardRef(function ErrorMessage(_r
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("p", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "p",
     ref: ref,
     className: clsx(className, true && 'govgr-error-message')
   }, props), children);

package/esm/ErrorSummary/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var ErrorSummary = /*#__PURE__*/React.forwardRef(function ErrorSummary(_r
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-error-summary')
   }, props), children);

package/esm/Fieldset/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var Fieldset = /*#__PURE__*/React.forwardRef(function Fieldset(_ref, ref)
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("fieldset", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "fieldset",
     ref: ref,
     className: clsx(className, true && 'govgr-fieldset')
   }, props), children);

package/esm/FieldsetLegend/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "heading", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -16,12 +17,13 @@ export var FieldsetLegend = /*#__PURE__*/React.forwardRef(function FieldsetLegen
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("legend", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "legend",
     ref: ref,
     className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-fieldset__legend')
   }, heading && {
-    role: "heading",
-    "aria-level": 1
+    role: 'heading',
+    'aria-level': 1
   }, props), children));
 });
 export default FieldsetLegend;

package/esm/FileUpload/__snapshots__/index.test.tsx.snap

@@ -8,7 +8,7 @@ exports[`renders the FileUpload with name prop 1`] = `
     className="upload-file"
   >
     <input
-      className="govgr-file-upload"
+      className="govgr-file-input"
       name="some-name"
       type="file"
     />
@@ -22,7 +22,7 @@ exports[`renders the FileUpload with no props 1`] = `
     className="upload-file"
   >
     <input
-      className="govgr-file-upload"
+      className="govgr-file-input"
       type="file"
     />
   </div>

package/esm/FileUpload/index.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "className", "children"];
+var _excluded = ["name", "className", "children", "disabled", "hasFiles"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,15 +13,23 @@ export var FileUpload = /*#__PURE__*/React.forwardRef(function FileUpload(_ref,
   var name = _ref.name,
       className = _ref.className,
       children = _ref.children,
+      disabled = _ref.disabled,
+      _ref$hasFiles = _ref.hasFiles,
+      hasFiles = _ref$hasFiles === void 0 ? false : _ref$hasFiles,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(className, true && 'upload-file')
-  }, props), children, /*#__PURE__*/React.createElement("input", _extends({
+  return /*#__PURE__*/React.createElement(Base, {
+    as: "label",
+    tabIndex: 0,
+    role: "button",
+    className: clsx(className, !hasFiles && ['govgr-btn', 'govgr-btn-secondary'], hasFiles && 'govgr-link', true && 'govgr-label-file')
+  }, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "input",
     ref: ref,
     type: "file",
     name: name,
-    className: clsx(true && 'govgr-file-upload')
-  }, props)));
+    disabled: disabled,
+    className: clsx(true && 'govgr-file-input')
+  }, props)), children);
 });
 export default FileUpload;

package/esm/Footer/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var Footer = /*#__PURE__*/React.forwardRef(function Footer(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("footer", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "footer",
     ref: ref,
     className: clsx(className, true && 'govgr-footer')
   }, props), children);

package/esm/FooterContainer/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "fullWidth", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var FooterContainer = /*#__PURE__*/React.forwardRef(function FooterContai
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, fullWidth === false && 'govgr-width-container', fullWidth === true && 'govgr-full-width-container')
   }, props), children);

package/esm/FooterContent/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var FooterContent = /*#__PURE__*/React.forwardRef(function FooterContent(
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-footer__content')
   }, props), children);

package/esm/FooterContentLogos/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var FooterContentLogos = /*#__PURE__*/React.forwardRef(function FooterCon
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-footer__content--logos')
   }, props), children);

package/esm/FooterHeading/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var FooterHeading = /*#__PURE__*/React.forwardRef(function FooterHeading(
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("h2", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "h2",
     ref: ref,
     className: clsx(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-footer__heading')
   }, props), children);

package/esm/FooterImage/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children", "alt"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -16,7 +17,8 @@ export var FooterImage = /*#__PURE__*/React.forwardRef(function FooterImage(_ref
       alt = _ref$alt === void 0 ? 'footer logo' : _ref$alt,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("img", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "img",
     ref: ref,
     className: clsx(className, true && 'govgr-footer__logo')
   }, props, {

package/esm/FooterInlineList/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var FooterInlineList = /*#__PURE__*/React.forwardRef(function FooterInlin
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "ul",
     ref: ref,
     className: clsx(className, true && 'govgr-footer__inline-list')
   }, props), children);

package/esm/FooterInlineListItem/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var FooterInlineListItem = /*#__PURE__*/React.forwardRef(function FooterI
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("li", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "li",
     ref: ref,
     className: clsx(className, true && 'govgr-footer__inline-list-item')
   }, props), children);

package/esm/FooterLink/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var FooterLink = /*#__PURE__*/React.forwardRef(function FooterLink(_ref,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "a",
     href: href,
     ref: ref,
     className: clsx(className, true && 'govgr-footer__link')

package/esm/FooterList/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["columns", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var FooterList = /*#__PURE__*/React.forwardRef(function FooterList(_ref,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "ul",
     ref: ref,
     className: clsx(className, columns === 2 && 'govgr-footer__list--columns-2', true && 'govgr-footer__list')
   }, props), children);

package/esm/FooterListItem/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var FooterListItem = /*#__PURE__*/React.forwardRef(function FooterListIte
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("li", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "li",
     ref: ref,
     className: clsx(className, true && 'govgr-footer__list-item')
   }, props), children);

package/esm/FooterMeta/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var FooterMeta = /*#__PURE__*/React.forwardRef(function FooterMeta(_ref,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-footer__meta')
   }, props), children);

package/esm/FooterMetaItem/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["grow", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var FooterMetaItem = /*#__PURE__*/React.forwardRef(function FooterMetaIte
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, grow === true && 'govgr-footer__meta-item--grow', true && 'govgr-footer__meta-item')
   }, props), children);

package/esm/FooterNavigation/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var FooterNavigation = /*#__PURE__*/React.forwardRef(function FooterNavig
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-footer__navigation')
   }, props), children);

package/esm/FooterSection/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var FooterSection = /*#__PURE__*/React.forwardRef(function FooterSection(
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-footer__section')
   }, props), children);

package/esm/Form/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children", "grid"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -15,7 +16,8 @@ export var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
       grid = _ref$grid === void 0 ? false : _ref$grid,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("form", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "form",
     ref: ref,
     className: clsx(className, true && 'govgr-form', grid && 'govgr-grid')
   }, props), children);

package/esm/GovGRFooter/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var GovGRFooter = /*#__PURE__*/React.forwardRef(function GovGRFooter(_ref
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("footer", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "footer",
     ref: ref,
     className: clsx(className, true && 'govgr-footer')
   }, props), children);