@gympass/yoga 7.87.1 → 7.88.0

package/esm/Button/web/Button.test.js

@@ -1,1375 +1,948 @@
-import React from 'react';
-import { render, fireEvent, screen, within } from '@testing-library/react';
-import { Booking, Close } from '@gympass/yoga-icons';
-import ThemeProvider from '../../Theme';
-import Button from '..';
-describe('<Button />', function () {
-  describe('Snapshots', function () {
-    describe('primary buttons', function () {
-      describe('Without props', function () {
-        it('should match snapshot with default Button', function () {
-          var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, null))),
-              container = _render.container;
-
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render, fireEvent, screen, within } from "@testing-library/react";
+import { Booking, Close } from "@gympass/yoga-icons";
+import ThemeProvider from "../../Theme";
+import Button from "..";
+describe("<Button />", () => {
+  describe("Snapshots", () => {
+    describe("primary buttons", () => {
+      describe("Without props", () => {
+        it("should match snapshot with default Button", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, {}) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with default Button with Icon', function () {
-          var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            icon: Booking
-          }))),
-              container = _render2.container;
-
+        it("should match snapshot with default Button with Icon", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { icon: Booking }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with default Button and Loading', function () {
-          var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            isLoading: true
-          }))),
-              container = _render3.container;
-
+        it("should match snapshot with default Button and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { isLoading: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with default Button with Icon and Loading', function () {
-          var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            icon: Booking,
-            isLoading: true
-          }))),
-              container = _render4.container;
-
+        it("should match snapshot with default Button with Icon and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { icon: Booking, isLoading: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with outline Button', function () {
-          var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, null))),
-              container = _render5.container;
-
+        it("should match snapshot with outline Button", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, {}) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with outline Button with Icon', function () {
-          var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            icon: Booking
-          }))),
-              container = _render6.container;
-
+        it("should match snapshot with outline Button with Icon", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { icon: Booking }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with outline Button and Loading', function () {
-          var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            isLoading: true
-          }))),
-              container = _render7.container;
-
+        it("should match snapshot with outline Button and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { isLoading: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with outline Button with Icon and Loading', function () {
-          var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            icon: Booking,
-            isLoading: true
-          }))),
-              container = _render8.container;
-
+        it("should match snapshot with outline Button with Icon and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { icon: Booking, isLoading: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with text Button', function () {
-          var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, null))),
-              container = _render9.container;
-
+        it("should match snapshot with text Button", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, {}) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with text Button with Icon', function () {
-          var _render10 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            icon: Booking
-          }))),
-              container = _render10.container;
-
+        it("should match snapshot with text Button with Icon", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { icon: Booking }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with link Button', function () {
-          var _render11 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, null))),
-              container = _render11.container;
-
+        it("should match snapshot with link Button", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Link, {}) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with icon Button', function () {
-          var _render12 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            icon: Booking
-          }))),
-              container = _render12.container;
-
+        it("should match snapshot with icon Button", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Booking }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with text icon and Loading', function () {
-          var _render13 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            icon: Booking,
-            isLoading: true
-          }))),
-              container = _render13.container;
-
+        it("should match snapshot with text icon and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Booking, isLoading: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
       });
-      describe('With inverted prop', function () {
-        it('should match snapshot with default Button', function () {
-          var _render14 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            inverted: true
-          }))),
-              container = _render14.container;
-
+      describe("With inverted prop", () => {
+        it("should match snapshot with default Button", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { inverted: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with default Button and Loading', function () {
-          var _render15 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            inverted: true,
-            isLoading: true
-          }))),
-              container = _render15.container;
-
+        it("should match snapshot with default Button and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { inverted: true, isLoading: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with default Button with Icon', function () {
-          var _render16 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            inverted: true,
-            icon: Booking
-          }))),
-              container = _render16.container;
-
+        it("should match snapshot with default Button with Icon", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { inverted: true, icon: Booking }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with default Button with Icon and Loading', function () {
-          var _render17 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            inverted: true,
-            icon: Booking,
-            isLoading: true
-          }))),
-              container = _render17.container;
-
+        it("should match snapshot with default Button with Icon and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { inverted: true, icon: Booking, isLoading: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with outline Button', function () {
-          var _render18 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            inverted: true
-          }))),
-              container = _render18.container;
-
+        it("should match snapshot with outline Button", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { inverted: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with outline Button and Loading', function () {
-          var _render19 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            inverted: true,
-            isLoading: true
-          }))),
-              container = _render19.container;
-
+        it("should match snapshot with outline Button and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { inverted: true, isLoading: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with outline Button with Icon', function () {
-          var _render20 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            inverted: true,
-            icon: Booking
-          }))),
-              container = _render20.container;
-
+        it("should match snapshot with outline Button with Icon", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { inverted: true, icon: Booking }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with outline Button with Icon and Loading', function () {
-          var _render21 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            inverted: true,
-            icon: Booking,
-            isLoading: true
-          }))),
-              container = _render21.container;
-
+        it("should match snapshot with outline Button with Icon and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { inverted: true, icon: Booking, isLoading: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with text Button', function () {
-          var _render22 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            inverted: true
-          }))),
-              container = _render22.container;
-
+        it("should match snapshot with text Button", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { inverted: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with icon Button', function () {
-          var _render23 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            inverted: true,
-            icon: Booking
-          }))),
-              container = _render23.container;
-
+        it("should match snapshot with icon Button", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { inverted: true, icon: Booking }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('should match snapshot with icon Button and Loading', function () {
-          var _render24 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            inverted: true,
-            icon: Booking,
-            isLoading: true
-          }))),
-              container = _render24.container;
-
+        it("should match snapshot with icon Button and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { inverted: true, icon: Booking, isLoading: true }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        describe('With small prop', function () {
-          it('should match snapshot with default Button', function () {
-            var _render25 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              small: true
-            }))),
-                container = _render25.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button when is Loading', function () {
-            var _render26 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              small: true,
-              isLoading: true
-            }))),
-                container = _render26.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button', function () {
-            var _render27 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              small: true
-            }))),
-                container = _render27.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button when is Loading', function () {
-            var _render28 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              small: true,
-              isLoading: true
-            }))),
-                container = _render28.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button', function () {
-            var _render29 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              small: true
-            }))),
-                container = _render29.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon', function () {
-            var _render30 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              small: true,
-              icon: Booking
-            }))),
-                container = _render30.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon and Loading', function () {
-            var _render31 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              small: true,
-              icon: Booking,
-              isLoading: true
-            }))),
-                container = _render31.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon', function () {
-            var _render32 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              icon: Booking,
-              small: true
-            }))),
-                container = _render32.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon and Loading', function () {
-            var _render33 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              icon: Booking,
-              small: true,
-              isLoading: true
-            }))),
-                container = _render33.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button with Icon', function () {
-            var _render34 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              icon: Booking,
-              small: true
-            }))),
-                container = _render34.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button', function () {
-            var _render35 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              icon: Booking,
-              small: true
-            }))),
-                container = _render35.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button and Loading', function () {
-            var _render36 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              icon: Booking,
-              small: true,
-              isLoading: true
-            }))),
-                container = _render36.container;
-
+        describe("With small prop", () => {
+          it("should match snapshot with default Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { small: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button when is Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { small: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { small: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button when is Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { small: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { small: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { small: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { small: true, icon: Booking, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { icon: Booking, small: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { icon: Booking, small: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { icon: Booking, small: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Booking, small: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Booking, small: true, isLoading: true }) })
+            );
             expect(container).toMatchSnapshot();
           });
         });
-        describe('With full prop', function () {
-          it('should match snapshot with default Button', function () {
-            var _render37 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              full: true
-            }))),
-                container = _render37.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button and Loading', function () {
-            var _render38 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              full: true,
-              isLoading: true
-            }))),
-                container = _render38.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button', function () {
-            var _render39 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              full: true
-            }))),
-                container = _render39.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button and Loading', function () {
-            var _render40 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              full: true,
-              isLoading: true
-            }))),
-                container = _render40.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button', function () {
-            var _render41 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              full: true
-            }))),
-                container = _render41.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon', function () {
-            var _render42 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              full: true,
-              icon: Booking
-            }))),
-                container = _render42.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon and Loading', function () {
-            var _render43 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              full: true,
-              icon: Booking,
-              isLoading: true
-            }))),
-                container = _render43.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon', function () {
-            var _render44 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              full: true,
-              icon: Booking
-            }))),
-                container = _render44.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon and Loading', function () {
-            var _render45 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              full: true,
-              icon: Booking,
-              isLoading: true
-            }))),
-                container = _render45.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button with Icon', function () {
-            var _render46 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              full: true,
-              icon: Booking
-            }))),
-                container = _render46.container;
-
+        describe("With full prop", () => {
+          it("should match snapshot with default Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { full: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { full: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { full: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { full: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { full: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { full: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { full: true, icon: Booking, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { full: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { full: true, icon: Booking, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { full: true, icon: Booking }) })
+            );
             expect(container).toMatchSnapshot();
           });
         });
-        describe('With disabled prop', function () {
-          it('should match snapshot with default Button', function () {
-            var _render47 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              disabled: true
-            }))),
-                container = _render47.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button', function () {
-            var _render48 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              disabled: true,
-              isLoading: true
-            }))),
-                container = _render48.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button', function () {
-            var _render49 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              disabled: true
-            }))),
-                container = _render49.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button and Loading', function () {
-            var _render50 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              disabled: true,
-              isLoading: true
-            }))),
-                container = _render50.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button', function () {
-            var _render51 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              disabled: true
-            }))),
-                container = _render51.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with link Button', function () {
-            var _render52 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, {
-              disabled: true
-            }))),
-                container = _render52.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon', function () {
-            var _render53 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              disabled: true,
-              icon: Booking
-            }))),
-                container = _render53.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon and Loading', function () {
-            var _render54 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              disabled: true,
-              icon: Booking,
-              isLoading: true
-            }))),
-                container = _render54.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon', function () {
-            var _render55 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              disabled: true,
-              icon: Booking
-            }))),
-                container = _render55.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon and Loading', function () {
-            var _render56 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              disabled: true,
-              icon: Booking,
-              isLoading: true
-            }))),
-                container = _render56.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button with Icon', function () {
-            var _render57 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              disabled: true,
-              icon: Booking
-            }))),
-                container = _render57.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button', function () {
-            var _render58 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              disabled: true,
-              icon: Booking
-            }))),
-                container = _render58.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button and Loading', function () {
-            var _render59 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              disabled: true,
-              icon: Booking,
-              isLoading: true
-            }))),
-                container = _render59.container;
-
+        describe("With disabled prop", () => {
+          it("should match snapshot with default Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { disabled: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { disabled: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { disabled: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { disabled: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { disabled: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with link Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Link, { disabled: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { disabled: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { disabled: true, icon: Booking, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { disabled: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { disabled: true, icon: Booking, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { disabled: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { disabled: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { disabled: true, icon: Booking, isLoading: true }) })
+            );
             expect(container).toMatchSnapshot();
           });
         });
       });
-      describe('buttons rendering as an anchor', function () {
-        it('Default Button with href prop', function () {
-          var _render60 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            href: "http://www.gympass.com",
-            target: "blank"
-          }, "Default Button as an anchor"))),
-              container = _render60.container;
-
+      describe("buttons rendering as an anchor", () => {
+        it("Default Button with href prop", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { href: "http://www.gympass.com", target: "blank", children: "Default Button as an anchor" }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('Default Button with href prop and Loading', function () {
-          var _render61 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            href: "http://www.gympass.com",
-            target: "blank",
-            isLoading: true
-          }, "Default Button as an anchor"))),
-              container = _render61.container;
-
+        it("Default Button with href prop and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { href: "http://www.gympass.com", target: "blank", isLoading: true, children: "Default Button as an anchor" }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('Link Button with href prop', function () {
-          var _render62 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, {
-            href: "http://www.gympass.com",
-            target: "blank"
-          }, "Link as an anchor"))),
-              container = _render62.container;
-
+        it("Link Button with href prop", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Link, { href: "http://www.gympass.com", target: "blank", children: "Link as an anchor" }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('Outline Button with href prop', function () {
-          var _render63 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            href: "http://www.gympass.com",
-            target: "blank"
-          }, "Outline as an anchor"))),
-              container = _render63.container;
-
+        it("Outline Button with href prop", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { href: "http://www.gympass.com", target: "blank", children: "Outline as an anchor" }) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('Outline Button with href prop and Loading', function () {
-          var _render64 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            href: "http://www.gympass.com",
-            target: "blank",
-            isLoading: true
-          }, "Outline as an anchor"))),
-              container = _render64.container;
-
+        it("Outline Button with href prop and Loading", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+              Button.Outline,
+              {
+                href: "http://www.gympass.com",
+                target: "blank",
+                isLoading: true,
+                children: "Outline as an anchor"
+              }
+            ) })
+          );
           expect(container).toMatchSnapshot();
         });
-        it('Text Button with href prop', function () {
-          var _render65 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-            href: "http://www.gympass.com",
-            target: "blank"
-          }, "Text as an anchor"))),
-              container = _render65.container;
-
+        it("Text Button with href prop", () => {
+          const { container } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { href: "http://www.gympass.com", target: "blank", children: "Text as an anchor" }) })
+          );
           expect(container).toMatchSnapshot();
         });
       });
-      describe('secondary buttons', function () {
-        describe('Without props', function () {
-          it('should match snapshot with default Button', function () {
-            var _render66 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              secondary: true
-            }))),
-                container = _render66.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button and Loading', function () {
-            var _render67 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render67.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon', function () {
-            var _render68 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              secondary: true,
-              icon: Booking
-            }))),
-                container = _render68.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon and Loading', function () {
-            var _render69 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              secondary: true,
-              icon: Booking,
-              isLoading: true
-            }))),
-                container = _render69.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button', function () {
-            var _render70 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              secondary: true
-            }))),
-                container = _render70.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button and Loading', function () {
-            var _render71 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render71.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon', function () {
-            var _render72 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              icon: Booking,
-              secondary: true
-            }))),
-                container = _render72.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon and Loading', function () {
-            var _render73 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              icon: Booking,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render73.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button', function () {
-            var _render74 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              secondary: true
-            }))),
-                container = _render74.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button with Icon', function () {
-            var _render75 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              secondary: true,
-              icon: Booking
-            }))),
-                container = _render75.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with link Button', function () {
-            var _render76 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, {
-              secondary: true
-            }))),
-                container = _render76.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with link Button with Icon', function () {
-            var _render77 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, {
-              icon: Booking
-            }))),
-                container = _render77.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button', function () {
-            var _render78 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              icon: Booking,
-              secondary: true
-            }))),
-                container = _render78.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button and Loading', function () {
-            var _render79 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              icon: Booking,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render79.container;
-
+      describe("secondary buttons", () => {
+        describe("Without props", () => {
+          it("should match snapshot with default Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { secondary: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { secondary: true, icon: Booking, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { icon: Booking, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { icon: Booking, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { secondary: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with link Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Link, { secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with link Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Link, { icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Booking, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Booking, secondary: true, isLoading: true }) })
+            );
             expect(container).toMatchSnapshot();
           });
         });
-        describe('With inverted prop', function () {
-          it('should match snapshot with default Button', function () {
-            var _render80 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              inverted: true,
-              secondary: true
-            }))),
-                container = _render80.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button and Loading', function () {
-            var _render81 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              inverted: true,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render81.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon', function () {
-            var _render82 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              inverted: true,
-              icon: Booking,
-              secondary: true
-            }))),
-                container = _render82.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon and Loading', function () {
-            var _render83 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              inverted: true,
-              icon: Booking,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render83.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button', function () {
-            var _render84 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              inverted: true,
-              secondary: true
-            }))),
-                container = _render84.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button and Loading', function () {
-            var _render85 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              inverted: true,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render85.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon', function () {
-            var _render86 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              inverted: true,
-              icon: Booking,
-              secondary: true
-            }))),
-                container = _render86.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon and Loading', function () {
-            var _render87 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              inverted: true,
-              icon: Booking,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render87.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button', function () {
-            var _render88 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              inverted: true,
-              secondary: true
-            }))),
-                container = _render88.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button with Icon', function () {
-            var _render89 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              inverted: true,
-              icon: Booking,
-              secondary: true
-            }))),
-                container = _render89.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button with Icon', function () {
-            var _render90 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              inverted: true,
-              icon: Booking,
-              secondary: true
-            }))),
-                container = _render90.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button', function () {
-            var _render91 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              inverted: true,
-              icon: Booking,
-              secondary: true
-            }))),
-                container = _render91.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button and Loading', function () {
-            var _render92 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              inverted: true,
-              icon: Booking,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render92.container;
-
+        describe("With inverted prop", () => {
+          it("should match snapshot with default Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { inverted: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { inverted: true, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { inverted: true, icon: Booking, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { inverted: true, icon: Booking, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { inverted: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { inverted: true, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { inverted: true, icon: Booking, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { inverted: true, icon: Booking, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { inverted: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { inverted: true, icon: Booking, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { inverted: true, icon: Booking, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { inverted: true, icon: Booking, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { inverted: true, icon: Booking, secondary: true, isLoading: true }) })
+            );
             expect(container).toMatchSnapshot();
           });
         });
-        describe('With small prop', function () {
-          it('should match snapshot with default Button', function () {
-            var _render93 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              small: true,
-              secondary: true
-            }))),
-                container = _render93.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button and Loading', function () {
-            var _render94 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              small: true,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render94.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button', function () {
-            var _render95 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              small: true,
-              secondary: true
-            }))),
-                container = _render95.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button and Loading', function () {
-            var _render96 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              small: true,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render96.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button', function () {
-            var _render97 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              small: true,
-              secondary: true
-            }))),
-                container = _render97.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon', function () {
-            var _render98 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              small: true,
-              icon: Booking,
-              secondary: true
-            }))),
-                container = _render98.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon and Loading', function () {
-            var _render99 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              small: true,
-              icon: Booking,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render99.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon', function () {
-            var _render100 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              icon: Booking,
-              small: true,
-              secondary: true
-            }))),
-                container = _render100.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon and Loading', function () {
-            var _render101 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              icon: Booking,
-              small: true,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render101.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button with Icon', function () {
-            var _render102 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              icon: Booking,
-              small: true,
-              secondary: true
-            }))),
-                container = _render102.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button', function () {
-            var _render103 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              icon: Booking,
-              small: true,
-              secondary: true
-            }))),
-                container = _render103.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button and Loading', function () {
-            var _render104 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              icon: Booking,
-              small: true,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render104.container;
-
+        describe("With small prop", () => {
+          it("should match snapshot with default Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { small: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { small: true, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { small: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { small: true, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { small: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { small: true, icon: Booking, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { small: true, icon: Booking, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { icon: Booking, small: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { icon: Booking, small: true, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { icon: Booking, small: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Booking, small: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Booking, small: true, secondary: true, isLoading: true }) })
+            );
             expect(container).toMatchSnapshot();
           });
         });
-        describe('With full prop', function () {
-          it('should match snapshot with default Button', function () {
-            var _render105 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              full: true,
-              secondary: true
-            }))),
-                container = _render105.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button and Loading', function () {
-            var _render106 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              full: true,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render106.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button', function () {
-            var _render107 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              full: true,
-              secondary: true
-            }))),
-                container = _render107.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button and Loading', function () {
-            var _render108 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              full: true,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render108.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button', function () {
-            var _render109 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              full: true,
-              secondary: true
-            }))),
-                container = _render109.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon', function () {
-            var _render110 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              full: true,
-              icon: Booking,
-              secondary: true
-            }))),
-                container = _render110.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon and Loading', function () {
-            var _render111 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              full: true,
-              icon: Booking,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render111.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon', function () {
-            var _render112 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              full: true,
-              icon: Booking,
-              secondary: true
-            }))),
-                container = _render112.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon and Loading', function () {
-            var _render113 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              full: true,
-              icon: Booking,
-              secondary: true,
-              isLoading: true
-            }))),
-                container = _render113.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button with Icon', function () {
-            var _render114 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              full: true,
-              icon: Booking,
-              secondary: true
-            }))),
-                container = _render114.container;
-
+        describe("With full prop", () => {
+          it("should match snapshot with default Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { full: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { full: true, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { full: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { full: true, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { full: true, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { full: true, icon: Booking, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { full: true, icon: Booking, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { full: true, icon: Booking, secondary: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { full: true, icon: Booking, secondary: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { full: true, icon: Booking, secondary: true }) })
+            );
             expect(container).toMatchSnapshot();
           });
         });
       });
-      describe('disabled buttons', function () {
-        describe('With disabled prop', function () {
-          it('should match snapshot with default Button', function () {
-            var _render115 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              disabled: true
-            }))),
-                container = _render115.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button and Loading', function () {
-            var _render116 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              disabled: true,
-              isLoading: true
-            }))),
-                container = _render116.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button', function () {
-            var _render117 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              disabled: true
-            }))),
-                container = _render117.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button and Loading', function () {
-            var _render118 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              disabled: true,
-              isLoading: true
-            }))),
-                container = _render118.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button', function () {
-            var _render119 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              disabled: true
-            }))),
-                container = _render119.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with link Button', function () {
-            var _render120 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Link, {
-              disabled: true
-            }))),
-                container = _render120.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon', function () {
-            var _render121 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              disabled: true,
-              icon: Booking
-            }))),
-                container = _render121.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with default Button with Icon and Loading', function () {
-            var _render122 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-              disabled: true,
-              icon: Booking,
-              isLoading: true
-            }))),
-                container = _render122.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon', function () {
-            var _render123 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              disabled: true,
-              icon: Booking
-            }))),
-                container = _render123.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with outline Button with Icon and Loading', function () {
-            var _render124 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-              disabled: true,
-              icon: Booking,
-              isLoading: true
-            }))),
-                container = _render124.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with text Button with Icon', function () {
-            var _render125 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-              disabled: true,
-              icon: Booking
-            }))),
-                container = _render125.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button', function () {
-            var _render126 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              disabled: true,
-              icon: Booking
-            }))),
-                container = _render126.container;
-
-            expect(container).toMatchSnapshot();
-          });
-          it('should match snapshot with icon Button and Loading', function () {
-            var _render127 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-              disabled: true,
-              icon: Booking,
-              isLoading: true
-            }))),
-                container = _render127.container;
-
+      describe("disabled buttons", () => {
+        describe("With disabled prop", () => {
+          it("should match snapshot with default Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { disabled: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { disabled: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { disabled: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { disabled: true, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { disabled: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with link Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Link, { disabled: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { disabled: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with default Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { disabled: true, icon: Booking, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { disabled: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with outline Button with Icon and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { disabled: true, icon: Booking, isLoading: true }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with text Button with Icon", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { disabled: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { disabled: true, icon: Booking }) })
+            );
+            expect(container).toMatchSnapshot();
+          });
+          it("should match snapshot with icon Button and Loading", () => {
+            const { container } = render(
+              /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { disabled: true, icon: Booking, isLoading: true }) })
+            );
             expect(container).toMatchSnapshot();
           });
         });
       });
     });
-    describe('onClick prop', function () {
-      it('should call onClick function when click on Button', function () {
-        var onClickMock = jest.fn();
-
-        var _render128 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-          onClick: onClickMock
-        }, "Button"))),
-            getByText = _render128.getByText;
-
-        fireEvent.click(getByText('Button'));
+    describe("onClick prop", () => {
+      it("should call onClick function when click on Button", () => {
+        const onClickMock = jest.fn();
+        const { getByText } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickMock, children: "Button" }) })
+        );
+        fireEvent.click(getByText("Button"));
         expect(onClickMock).toHaveBeenCalled();
       });
-      it('should call onClick function when click on Button.Outline', function () {
-        var onClickMock = jest.fn();
-
-        var _render129 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-          onClick: onClickMock
-        }, "Button.Outline"))),
-            getByText = _render129.getByText;
-
-        fireEvent.click(getByText('Button.Outline'));
+      it("should call onClick function when click on Button.Outline", () => {
+        const onClickMock = jest.fn();
+        const { getByText } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { onClick: onClickMock, children: "Button.Outline" }) })
+        );
+        fireEvent.click(getByText("Button.Outline"));
         expect(onClickMock).toHaveBeenCalled();
       });
-      it('should call onClick function when click on Button.Text', function () {
-        var onClickMock = jest.fn();
-
-        var _render130 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Text, {
-          onClick: onClickMock
-        }, "Button.Text"))),
-            getByText = _render130.getByText;
-
-        fireEvent.click(getByText('Button.Text'));
+      it("should call onClick function when click on Button.Text", () => {
+        const onClickMock = jest.fn();
+        const { getByText } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Text, { onClick: onClickMock, children: "Button.Text" }) })
+        );
+        fireEvent.click(getByText("Button.Text"));
         expect(onClickMock).toHaveBeenCalled();
       });
-      it('should call onClick function when click on Button.Icon', function () {
-        var onClickMock = jest.fn();
-
-        var _render131 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-          icon: Close,
-          onClick: onClickMock
-        }))),
-            getByRole = _render131.getByRole;
-
-        fireEvent.click(getByRole('button'));
+      it("should call onClick function when click on Button.Icon", () => {
+        const onClickMock = jest.fn();
+        const { getByRole } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Close, onClick: onClickMock }) })
+        );
+        fireEvent.click(getByRole("button"));
         expect(onClickMock).toHaveBeenCalled();
       });
-      it('should not call onClick function when click on Button disabled', function () {
-        var onClickMock = jest.fn();
-
-        var _render132 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-          disabled: true,
-          onClick: onClickMock
-        }, "Button"))),
-            getByText = _render132.getByText;
-
-        fireEvent.click(getByText('Button'));
+      it("should not call onClick function when click on Button disabled", () => {
+        const onClickMock = jest.fn();
+        const { getByText } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { disabled: true, onClick: onClickMock, children: "Button" }) })
+        );
+        fireEvent.click(getByText("Button"));
         expect(onClickMock).not.toHaveBeenCalled();
       });
-      it('should not call onClick function when click on Button is loading', function () {
-        var onClickMock = jest.fn();
-
-        var _render133 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-          isLoading: true,
-          onClick: onClickMock
-        }, "Button"))),
-            getByText = _render133.getByText;
-
-        fireEvent.click(getByText('Button'));
+      it("should not call onClick function when click on Button is loading", () => {
+        const onClickMock = jest.fn();
+        const { getByText } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { isLoading: true, onClick: onClickMock, children: "Button" }) })
+        );
+        fireEvent.click(getByText("Button"));
         expect(onClickMock).not.toHaveBeenCalled();
       });
     });
-    describe('Loading prop', function () {
-      describe('Default Button', function () {
-        it('Text should not to be visible', function () {
-          render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            isLoading: true
-          }, "Button")));
-          var text = screen.getByText('Button');
-          expect(text).toHaveStyle('color: transparent');
-        });
-        it('Icon should not to be visible', function () {
-          render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            icon: Booking,
-            isLoading: true,
-            "aria-label": "button"
-          }, "Button")));
-          var button = screen.getByRole('button', {
-            name: 'button'
-          });
-          var svg = within(button).getByRole('img');
-          expect(svg).toHaveStyle('fill: transparent');
-        });
-        it('Spinner should to be rendered', function () {
-          render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            isLoading: true
-          }, "Button")));
-          var spinner = screen.getByLabelText('loading-icon');
+    describe("Loading prop", () => {
+      describe("Default Button", () => {
+        it("Text should not to be visible", () => {
+          render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { isLoading: true, children: "Button" }) })
+          );
+          const text = screen.getByText("Button");
+          expect(text).toHaveStyle("color: transparent");
+        });
+        it("Icon should not to be visible", () => {
+          render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { icon: Booking, isLoading: true, "aria-label": "button", children: "Button" }) })
+          );
+          const button = screen.getByRole("button", { name: "button" });
+          const svg = within(button).getByRole("img");
+          expect(svg).toHaveStyle("fill: transparent");
+        });
+        it("Spinner should to be rendered", () => {
+          render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { isLoading: true, children: "Button" }) })
+          );
+          const spinner = screen.getByLabelText("loading-icon");
           expect(spinner).toBeVisible();
         });
-        it('Button should to be disabled', function () {
-          render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-            isLoading: true,
-            "aria-label": "button"
-          }, "Button")));
-          var button = screen.getByRole('button', {
-            name: 'button'
-          });
+        it("Button should to be disabled", () => {
+          render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button, { isLoading: true, "aria-label": "button", children: "Button" }) })
+          );
+          const button = screen.getByRole("button", { name: "button" });
           expect(button).toBeDisabled();
         });
       });
-      describe('Outline Button', function () {
-        it('Text should not to be visible', function () {
-          render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            isLoading: true
-          }, "Button")));
-          var text = screen.getByText('Button');
-          expect(text).toHaveStyle('color: transparent');
-        });
-        it('Icon should not to be visible', function () {
-          render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            icon: Booking,
-            isLoading: true,
-            "aria-label": "button"
-          }, "Button")));
-          var button = screen.getByRole('button', {
-            name: 'button'
-          });
-          var svg = within(button).getByRole('img');
-          expect(svg).toHaveStyle('fill: transparent');
-        });
-        it('Spinner should to be rendered', function () {
-          render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            isLoading: true
-          }, "Button")));
-          var spinner = screen.getByLabelText('loading-icon');
+      describe("Outline Button", () => {
+        it("Text should not to be visible", () => {
+          render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { isLoading: true, children: "Button" }) })
+          );
+          const text = screen.getByText("Button");
+          expect(text).toHaveStyle("color: transparent");
+        });
+        it("Icon should not to be visible", () => {
+          render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { icon: Booking, isLoading: true, "aria-label": "button", children: "Button" }) })
+          );
+          const button = screen.getByRole("button", { name: "button" });
+          const svg = within(button).getByRole("img");
+          expect(svg).toHaveStyle("fill: transparent");
+        });
+        it("Spinner should to be rendered", () => {
+          render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { isLoading: true, children: "Button" }) })
+          );
+          const spinner = screen.getByLabelText("loading-icon");
           expect(spinner).toBeVisible();
         });
-        it('Button should to be disabled', function () {
-          render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Outline, {
-            isLoading: true,
-            "aria-label": "button"
-          }, "Button")));
-          var button = screen.getByRole('button', {
-            name: 'button'
-          });
+        it("Button should to be disabled", () => {
+          render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Outline, { isLoading: true, "aria-label": "button", children: "Button" }) })
+          );
+          const button = screen.getByRole("button", { name: "button" });
           expect(button).toBeDisabled();
         });
       });
-      describe('Icon Button', function () {
-        it('Icon should not to be visible', function () {
-          render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            icon: Booking,
-            isLoading: true,
-            "aria-label": "button"
-          })));
-          var button = screen.getByRole('button', {
-            name: 'button'
-          });
-          var svg = within(button).queryByRole('img');
+      describe("Icon Button", () => {
+        it("Icon should not to be visible", () => {
+          render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Booking, isLoading: true, "aria-label": "button" }) })
+          );
+          const button = screen.getByRole("button", {
+            name: "button"
+          });
+          const svg = within(button).queryByRole("img");
           expect(svg).toBeNull();
         });
-        it('Spinner should to be rendered', function () {
-          render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            icon: Booking,
-            isLoading: true
-          })));
-          var spinner = screen.getByLabelText('loading-icon');
+        it("Spinner should to be rendered", () => {
+          render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Booking, isLoading: true }) })
+          );
+          const spinner = screen.getByLabelText("loading-icon");
           expect(spinner).toBeVisible();
         });
-        it('Button should to be disabled', function () {
-          render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button.Icon, {
-            icon: Booking,
-            isLoading: true,
-            "aria-label": "button"
-          })));
-          var button = screen.getByRole('button', {
-            name: 'button'
-          });
+        it("Button should to be disabled", () => {
+          render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Button.Icon, { icon: Booking, isLoading: true, "aria-label": "button" }) })
+          );
+          const button = screen.getByRole("button", { name: "button" });
           expect(button).toBeDisabled();
         });
       });
     });
   });
-});
+});