@digigov/react-core 0.25.4 → 0.26.0

package/es/ConfirmationBody/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * ConfirmationBody provides the body of the confirmation message. Use this inside Confirmation, after ConfirmationTitle.
  */
 export var ConfirmationBody = /*#__PURE__*/React.forwardRef(function ConfirmationBody(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, true && 'govgr-panel__body'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-panel__body')
   }, props), children);
 });
 export default ConfirmationBody;

package/es/ConfirmationTitle/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * ConfirmationTitle provides the title of the confirmation message.Use this inside Confirmation.
  */
 export var ConfirmationTitle = /*#__PURE__*/React.forwardRef(function ConfirmationTitle(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "h1",
-    className: clsx(className, true && 'govgr-panel__title'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-panel__title')
   }, props), children);
 });
 export default ConfirmationTitle;

package/es/Container/index.js

@@ -1,26 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "cols", "fullWidth"];
+var _excluded = ["cols", "fullWidth", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use Container as a wrapper.
  */
 export var Container = /*#__PURE__*/React.forwardRef(function Container(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$cols = _ref.cols,
+  var _ref$cols = _ref.cols,
       cols = _ref$cols === void 0 ? true : _ref$cols,
       _ref$fullWidth = _ref.fullWidth,
       fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, !fullWidth && 'govgr-width-container', fullWidth && 'govgr-full-width-container'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, !fullWidth && 'govgr-width-container', fullWidth && 'govgr-full-width-container')
   }, props), /*#__PURE__*/React.createElement(Base, {
     as: "div",
     className: clsx(cols && 'govgr-main-wrapper')

package/es/Container/index.test.js

@@ -17,8 +17,8 @@ it('renders the Container with fullWidth prop', function () {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(Container, {
-  cols: false,
-  fullWidth: true
+  fullWidth: true,
+  cols: false
 }, "hello");
 
 it('renders the Container with cols={false} prop', function () {

package/es/CopyrightContainer/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * CopyrightContainer is used inside the Footer component.
  * CopyrightContainer has no props.
  */
 export var CopyrightContainer = /*#__PURE__*/React.forwardRef(function CopyrightContainer(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "p",
-    className: clsx(className, true && 'govgr-footer__licence-description'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer__licence-description')
   }, props), children);
 });
 export default CopyrightContainer;

package/es/DateInputContainer/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the DateInputContainer.
@@ -12,14 +12,14 @@ import Base from '@digigov/react-core/Base';
  *
  */
 export var DateInputContainer = /*#__PURE__*/React.forwardRef(function DateInputContainer(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, true && 'govgr-date-input'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-date-input')
   }, props), children);
 });
 export default DateInputContainer;

package/es/DateInputItem/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "error", "name", "width"];
+var _excluded = ["name", "width", "error", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the DateInputItem.
@@ -11,12 +11,12 @@ import Base from '@digigov/react-core/Base';
  * DateInputItem component must be included inside DateInput component as children component
  */
 export var DateInputItem = /*#__PURE__*/React.forwardRef(function DateInputItem(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      error = _ref.error,
-      name = _ref.name,
+  var name = _ref.name,
       _ref$width = _ref.width,
       width = _ref$width === void 0 ? 2 : _ref$width,
+      error = _ref.error,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", {
@@ -25,12 +25,12 @@ export var DateInputItem = /*#__PURE__*/React.forwardRef(function DateInputItem(
     className: clsx(true && 'govgr-label')
   }, children, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
-    className: clsx(error === true && 'govgr-error-input', width === 2 && 'govgr-input--width-2', width === 4 && 'govgr-input--width-4', true && 'govgr-input'),
+    ref: ref,
+    type: "text",
+    pattern: "[0-9]*",
     inputMode: "numeric",
     name: name,
-    pattern: "[0-9]*",
-    ref: ref,
-    type: "text"
+    className: clsx(error === true && 'govgr-error-input', width === 2 && 'govgr-input--width-2', width === 4 && 'govgr-input--width-4', true && 'govgr-input')
   }, props))));
 });
 export default DateInputItem;

package/es/DateInputItem/index.test.js

@@ -17,8 +17,8 @@ it('renders the DateInputItem with name prop', function () {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(DateInputItem, {
-  name: 'date-input',
-  width: 4
+  width: 4,
+  name: 'date-input'
 }, "hello");
 
 it('renders the DateInputItem with name and width===4 props', function () {

package/es/Details/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details is used to make a page easier to scan when it contains information that only some users will need.
  * Details component wraps DetailsSummary and DetailsContent as children components
  */
 export var Details = /*#__PURE__*/React.forwardRef(function Details(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "details",
-    className: clsx(className, true && 'govgr-details'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-details')
   }, props), children);
 });
 export default Details;

package/es/DetailsContent/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  *DetailsContent component wraps the content text.
  *It is used inside Details component as children
  */
 export var DetailsContent = /*#__PURE__*/React.forwardRef(function DetailsContent(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, true && 'govgr-details__summary-text'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-details__summary-text')
   }, props), children);
 });
 export default DetailsContent;

package/es/DetailsSummary/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "size"];
+var _excluded = ["size", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use this inside Details.DetailsSummary will be the text to click on.
  */
 export var DetailsSummary = /*#__PURE__*/React.forwardRef(function DetailsSummary(_ref, ref) {
-  var children = _ref.children,
+  var size = _ref.size,
       className = _ref.className,
-      size = _ref.size,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "summary",
-    className: clsx(className, size === 'l' && 'govgr-details__summary--l', true && 'govgr-details__summary'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, size === 'l' && 'govgr-details__summary--l', true && 'govgr-details__summary')
   }, props), children);
 });
 export default DetailsSummary;

package/es/ErrorMessage/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * ErrorMessage is used to show an error message when there is a validation error.
@@ -11,14 +11,14 @@ import Base from '@digigov/react-core/Base';
  * This component is placed below the FieldsetLegend and the Hint.
  */
 export var ErrorMessage = /*#__PURE__*/React.forwardRef(function ErrorMessage(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "p",
-    className: clsx(className, true && 'govgr-error-message'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-error-message')
   }, props), children);
 });
 export default ErrorMessage;

package/es/ErrorSummary/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Use this component at the top of a page to summarise any errors a user has made.
  */
 export var ErrorSummary = /*#__PURE__*/React.forwardRef(function ErrorSummary(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, true && 'govgr-error-summary'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-error-summary')
   }, props), children);
 });
 export default ErrorSummary;

package/es/FieldContainer/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "error", "lg", "md", "xl", "xs"];
+var _excluded = ["error", "className", "children", "xs", "md", "lg", "xl"];
 import React from 'react';
 import clsx from 'clsx';
 import Grid from '@digigov/react-core/Grid';
@@ -9,27 +9,27 @@ import Grid from '@digigov/react-core/Grid';
  * Field component wraps form components such as Checkbox TextInput TextArea etc.
  */
 export var FieldContainer = /*#__PURE__*/React.forwardRef(function FieldContainer(_ref, ref) {
-  var children = _ref.children,
+  var error = _ref.error,
       className = _ref.className,
-      error = _ref.error,
-      _ref$lg = _ref.lg,
-      lg = _ref$lg === void 0 ? 12 : _ref$lg,
+      children = _ref.children,
+      _ref$xs = _ref.xs,
+      xs = _ref$xs === void 0 ? 12 : _ref$xs,
       _ref$md = _ref.md,
       md = _ref$md === void 0 ? 12 : _ref$md,
+      _ref$lg = _ref.lg,
+      lg = _ref$lg === void 0 ? 12 : _ref$lg,
       _ref$xl = _ref.xl,
       xl = _ref$xl === void 0 ? 12 : _ref$xl,
-      _ref$xs = _ref.xs,
-      xs = _ref$xs === void 0 ? 12 : _ref$xs,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Grid, _extends({
+    ref: ref,
     className: clsx(className, error === true && 'govgr-field__error', true && 'govgr-field'),
     item: true,
-    lg: lg,
+    xs: xs,
     md: md,
-    ref: ref,
-    xl: xl,
-    xs: xs
+    lg: lg,
+    xl: xl
   }, props), children);
 });
 export default FieldContainer;

package/es/Fieldset/index.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the Fieldset.
  * Fieldset component is used to group related elements in a form.
  */
 export var Fieldset = /*#__PURE__*/React.forwardRef(function Fieldset(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "fieldset",
-    className: clsx(className, true && 'govgr-fieldset'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-fieldset')
   }, props), children);
 });
 export default Fieldset;

package/es/FieldsetLegend/index.js

@@ -1,29 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "heading", "size"];
+var _excluded = ["size", "heading", "className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * FieldsetLegend component is the title within a Fieldset component.
  */
 export var FieldsetLegend = /*#__PURE__*/React.forwardRef(function FieldsetLegend(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'l' : _ref$size,
       _ref$heading = _ref.heading,
       heading = _ref$heading === void 0 ? false : _ref$heading,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'l' : _ref$size,
+      className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Base, _extends({
     as: "legend",
-    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'),
-    ref: ref
+    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
-  }, props), children);
+  }, props), children));
 });
 export default FieldsetLegend;

package/es/FileUpload/index.js

@@ -1,35 +1,35 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "disabled", "hasFiles", "name"];
+var _excluded = ["name", "className", "children", "disabled", "hasFiles"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the FileUpload.
  * FileUpload component is used for uploading files
  */
 export var FileUpload = /*#__PURE__*/React.forwardRef(function FileUpload(_ref, ref) {
-  var children = _ref.children,
+  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,
-      name = _ref.name,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, {
     as: "label",
-    className: clsx(className, !hasFiles && ['govgr-btn', 'govgr-btn-secondary'], hasFiles && 'govgr-link', true && 'govgr-label-file'),
+    tabIndex: 0,
     role: "button",
-    tabIndex: 0
+    className: clsx(className, !hasFiles && ['govgr-btn', 'govgr-btn-secondary'], hasFiles && 'govgr-link', true && 'govgr-label-file')
   }, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
-    className: clsx(true && 'govgr-file-input'),
-    disabled: disabled,
-    name: name,
     ref: ref,
-    type: "file"
+    type: "file",
+    name: name,
+    disabled: disabled,
+    className: clsx(true && 'govgr-file-input')
   }, props)), children);
 });
 export default FileUpload;

package/es/FileUploadContainer/index.js

@@ -1,25 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "hasUploadedFile"];
+var _excluded = ["className", "children", "hasUploadedFile"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Details for the FileUploadContainer.
  * FileUploadContainer component is used for wrapping the FileUpload component
  */
 export var FileUploadContainer = /*#__PURE__*/React.forwardRef(function FileUploadContainer(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       _ref$hasUploadedFile = _ref.hasUploadedFile,
       hasUploadedFile = _ref$hasUploadedFile === void 0 ? false : _ref$hasUploadedFile,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
+    ref: ref,
     as: "div",
-    className: clsx(className, hasUploadedFile && 'govgr-uploaded-file'),
-    ref: ref
+    className: clsx(className, hasUploadedFile && 'govgr-uploaded-file')
   }, props), children);
 });
 export default FileUploadContainer;

package/es/Footer/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * Footer is used always at the end of the page, in the Layout component.
  */
 export var Footer = /*#__PURE__*/React.forwardRef(function Footer(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "footer",
-    className: clsx(className, true && 'govgr-footer'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, true && 'govgr-footer')
   }, props), children);
 });
 export default Footer;

package/es/FooterContainer/index.js

@@ -1,24 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "fullWidth"];
+var _excluded = ["className", "fullWidth", "children"];
 import React from 'react';
-import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
 
 /**
  * FooterContainer mush be used inside the Footer component. It has no props.
  */
 export var FooterContainer = /*#__PURE__*/React.forwardRef(function FooterContainer(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
+  var className = _ref.className,
       _ref$fullWidth = _ref.fullWidth,
       fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+      children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
-    className: clsx(className, fullWidth === false && 'govgr-width-container', fullWidth === true && 'govgr-full-width-container'),
-    ref: ref
+    ref: ref,
+    className: clsx(className, fullWidth === false && 'govgr-width-container', fullWidth === true && 'govgr-full-width-container')
   }, props), children);
 });
 export default FooterContainer;