@gustavo-valsechi/client 1.3.30 → 1.3.32

package/dist/components/types/lottie/index.js

@@ -1,72 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var lottie_exports = {};
-__export(lottie_exports, {
-  Lottie: () => Lottie
-});
-module.exports = __toCommonJS(lottie_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_styles = require("./styles");
-var import_react_lottie = __toESM(require("react-lottie"));
-var import_animations = __toESM(require("./animations"));
-const LottieComponent = import_react_lottie.default;
-function Lottie(props) {
-  const getAnimation = () => {
-    let animation;
-    for (const propName of Object.keys(props)) {
-      if (animation) continue;
-      animation = import_animations.default[propName];
-    }
-    return animation;
-  };
-  const defaultOptions = {
-    loop: true,
-    autoplay: true,
-    renderer: "svg",
-    rendererSettings: {
-      preserveAspectRatio: "xMidYMid slice"
-    },
-    path: props.src,
-    animationData: getAnimation()
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    LottieComponent,
-    {
-      width: props.size || 180,
-      height: props.size || 180,
-      options: defaultOptions
-    }
-  ) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Lottie
-});

package/dist/components/types/lottie/index.mjs

@@ -1,38 +0,0 @@
-"use client";
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { Container } from "./styles";
-import LottieReact from "react-lottie";
-const LottieComponent = LottieReact;
-import animations from "./animations";
-function Lottie(props) {
-  const getAnimation = () => {
-    let animation;
-    for (const propName of Object.keys(props)) {
-      if (animation) continue;
-      animation = animations[propName];
-    }
-    return animation;
-  };
-  const defaultOptions = {
-    loop: true,
-    autoplay: true,
-    renderer: "svg",
-    rendererSettings: {
-      preserveAspectRatio: "xMidYMid slice"
-    },
-    path: props.src,
-    animationData: getAnimation()
-  };
-  return /* @__PURE__ */ jsx(Container, { ...props, children: /* @__PURE__ */ jsx(
-    LottieComponent,
-    {
-      width: props.size || 180,
-      height: props.size || 180,
-      options: defaultOptions
-    }
-  ) });
-}
-export {
-  Lottie
-};

package/dist/components/types/lottie/styles.js

@@ -1,60 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var styles_exports = {};
-__export(styles_exports, {
-  Container: () => Container
-});
-module.exports = __toCommonJS(styles_exports);
-var import_styled_components = __toESM(require("styled-components"));
-const Container = import_styled_components.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: .3rem;
-
-  label {
-    font-size: ${(props) => props.size || "2"}rem;
-    color: ${(props) => props.theme.t5};
-  }
-
-  label:first-child {
-    font-weight: 900;
-    color: ${(props) => props.theme.secondary};
-  }
-
-  label:last-child {
-    font-weight: 600;
-  }
-`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Container
-});

package/dist/components/types/lottie/styles.mjs

@@ -1,26 +0,0 @@
-"use client";
-"use client";
-import styled from "styled-components";
-const Container = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: .3rem;
-
-  label {
-    font-size: ${(props) => props.size || "2"}rem;
-    color: ${(props) => props.theme.t5};
-  }
-
-  label:first-child {
-    font-weight: 900;
-    color: ${(props) => props.theme.secondary};
-  }
-
-  label:last-child {
-    font-weight: 600;
-  }
-`;
-export {
-  Container
-};

package/dist/components/types/modal/index.js

@@ -1,66 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var modal_exports = {};
-__export(modal_exports, {
-  Modal: () => Modal
-});
-module.exports = __toCommonJS(modal_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_styles = require("./styles");
-var import__ = require("../..");
-var import_lodash = __toESM(require("lodash"));
-function Modal(props) {
-  var _a, _b, _c;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { ...props, position: props.position || "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-modal-back", onClick: props.onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-modal-container", children: [
-      (!!props.title || !!props.header) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-modal-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-modal-title", children: [
-          ((_a = props.header) == null ? void 0 : _a.icon) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: (_b = props.header) == null ? void 0 : _b.icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.title || ((_c = props.header) == null ? void 0 : _c.title) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-modal-content", children: [
-        props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-modal-close", onClick: props.onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
-        props.children
-      ] }),
-      props.buttons && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-modal-buttons", children: import_lodash.default.map(
-        props.buttons,
-        (button, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Button, { ...button }, index)
-      ) })
-    ] })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Modal
-});

package/dist/components/types/modal/index.mjs

@@ -1,32 +0,0 @@
-"use client";
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Container } from "./styles";
-import { Button } from "../..";
-import _ from "lodash";
-function Modal(props) {
-  var _a, _b, _c;
-  return /* @__PURE__ */ jsxs(Container, { ...props, position: props.position || "center", children: [
-    /* @__PURE__ */ jsx("div", { className: "iz-modal-back", onClick: props.onClose }),
-    /* @__PURE__ */ jsxs("div", { className: "iz-modal-container", children: [
-      (!!props.title || !!props.header) && /* @__PURE__ */ jsxs("div", { className: "iz-modal-header", children: [
-        /* @__PURE__ */ jsxs("div", { className: "iz-modal-title", children: [
-          ((_a = props.header) == null ? void 0 : _a.icon) && /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: (_b = props.header) == null ? void 0 : _b.icon }),
-          /* @__PURE__ */ jsx("span", { children: props.title || ((_c = props.header) == null ? void 0 : _c.title) })
-        ] }),
-        /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "iz-modal-content", children: [
-        props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ jsx("div", { className: "iz-modal-close", onClick: props.onClose, children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
-        props.children
-      ] }),
-      props.buttons && /* @__PURE__ */ jsx("div", { className: "iz-modal-buttons", children: _.map(
-        props.buttons,
-        (button, index) => /* @__PURE__ */ jsx(Button, { ...button }, index)
-      ) })
-    ] })
-  ] });
-}
-export {
-  Modal
-};

package/dist/components/types/modal/styles.js

@@ -1,167 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var styles_exports = {};
-__export(styles_exports, {
-  Container: () => Container
-});
-module.exports = __toCommonJS(styles_exports);
-var import_styled_components = __toESM(require("styled-components"));
-const Container = import_styled_components.default.div`
-  width: 100%;
-  height: 100%;
-  top: 0;
-  right: 0;
-  display: flex !important;
-  position: fixed;
-  z-index: ${(props) => props.toggle ? "9" : "-1"};
-  flex-direction: ${(props) => props.position === "left" ? "row-reverse" : "row"} !important;
-  transform: ${(props) => props.toggle ? "translateX(0%)" : "translateX(100%)"};
-  transition: ${(props) => props.toggle ? ".0s ease .0s" : ".3s ease .3s"};
-
-  .iz-modal-back {
-    width: 100%;
-    height: 100%;
-    background: rgb(0, 0, 0, 0.3);
-    opacity: ${(props) => props.toggle ? "1" : "0"};
-    transition: ease 0.3s;
-    position: absolute;
-  }
-
-  .iz-modal-container {
-    display: flex;
-    flex-direction: column;
-    height: ${(props) => props.position !== "center" ? "100%" : void 0};
-    width: ${(props) => props.position !== "center" ? "18rem" : void 0};
-    border-radius: ${(props) => props.position === "center" ? "10px" : void 0};
-    max-height: ${(props) => props.position === "center" ? "95%" : "100%"};
-    max-width: ${(props) => props.position === "center" ? "95%" : "100%"};
-    background: ${({ theme }) => theme.primary};
-    transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(50%)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(43%)"};
-    opacity: ${(props) => props.position === "center" && !props.toggle ? "0" : "1"};
-    transition: ease 0.3s;
-    position: absolute;
-
-    ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 50%;"}
-
-    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-      border-radius: ${(props) => props.position === "center" ? "10px 10px 0 0" : void 0};
-      width: ${(props) => props.position !== "center" ? "18rem" : "100%"};
-      max-width: 100%;
-      padding-bottom: 3rem !important;
-
-      transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(0)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(50%)"};
-
-      ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 0;"}
-    }
-
-    .iz-modal-header {
-      padding: 1.5rem 2rem;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      border-bottom: 1px solid rgb(0, 0, 0, 0.2);
-
-      .iz-modal-title {
-        color: ${({ theme }) => theme.t6};
-        font-size: 1rem;
-        font-weight: 500;
-
-        i {
-          margin-right: .5rem;
-        }
-
-        span {
-          word-break: break-word;
-        }
-      }
-
-      .fa-xmark {
-        color: ${({ theme }) => theme.t6};
-        margin-left: .5rem;
-        cursor: pointer;
-
-        &:hover {
-          color: ${({ theme }) => theme.t8};
-        }
-      }
-    }
-
-    .iz-modal-content {
-      overflow-x: hidden;
-      overflow-y: overlay;
-      position: relative;
-      height: ${(props) => props.position === "center" ? "initial" : "100%"};
-
-      .iz-modal-close {
-        position: absolute;
-        color: ${(props) => props.light ? "rgb(255, 255, 255, 0.6)" : "rgb(0, 0, 0, 0.6)"};
-        top: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
-        right: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
-        width: 1rem;
-        height: 1rem;
-        cursor: pointer;
-        z-index: 9;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-          
-        @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-           display: none;
-        }
-
-        &:hover {
-          color: ${(props) => props.light ? "rgb(255, 255, 255, 1)" : "rgb(0, 0, 0, 1)"};
-        }
-      }
-    }
-
-    .iz-modal-buttons {
-      padding: 1rem 2rem;
-
-      @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-        padding: 1rem 2rem 2rem;
-      }
-
-      button {
-        width: 100%;
-        margin-bottom: .5rem;
-      }
-
-      button:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Container
-});

package/dist/components/types/modal/styles.mjs

@@ -1,133 +0,0 @@
-"use client";
-"use client";
-import styled from "styled-components";
-const Container = styled.div`
-  width: 100%;
-  height: 100%;
-  top: 0;
-  right: 0;
-  display: flex !important;
-  position: fixed;
-  z-index: ${(props) => props.toggle ? "9" : "-1"};
-  flex-direction: ${(props) => props.position === "left" ? "row-reverse" : "row"} !important;
-  transform: ${(props) => props.toggle ? "translateX(0%)" : "translateX(100%)"};
-  transition: ${(props) => props.toggle ? ".0s ease .0s" : ".3s ease .3s"};
-
-  .iz-modal-back {
-    width: 100%;
-    height: 100%;
-    background: rgb(0, 0, 0, 0.3);
-    opacity: ${(props) => props.toggle ? "1" : "0"};
-    transition: ease 0.3s;
-    position: absolute;
-  }
-
-  .iz-modal-container {
-    display: flex;
-    flex-direction: column;
-    height: ${(props) => props.position !== "center" ? "100%" : void 0};
-    width: ${(props) => props.position !== "center" ? "18rem" : void 0};
-    border-radius: ${(props) => props.position === "center" ? "10px" : void 0};
-    max-height: ${(props) => props.position === "center" ? "95%" : "100%"};
-    max-width: ${(props) => props.position === "center" ? "95%" : "100%"};
-    background: ${({ theme }) => theme.primary};
-    transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(50%)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(43%)"};
-    opacity: ${(props) => props.position === "center" && !props.toggle ? "0" : "1"};
-    transition: ease 0.3s;
-    position: absolute;
-
-    ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 50%;"}
-
-    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-      border-radius: ${(props) => props.position === "center" ? "10px 10px 0 0" : void 0};
-      width: ${(props) => props.position !== "center" ? "18rem" : "100%"};
-      max-width: 100%;
-      padding-bottom: 3rem !important;
-
-      transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(0)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(50%)"};
-
-      ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 0;"}
-    }
-
-    .iz-modal-header {
-      padding: 1.5rem 2rem;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      border-bottom: 1px solid rgb(0, 0, 0, 0.2);
-
-      .iz-modal-title {
-        color: ${({ theme }) => theme.t6};
-        font-size: 1rem;
-        font-weight: 500;
-
-        i {
-          margin-right: .5rem;
-        }
-
-        span {
-          word-break: break-word;
-        }
-      }
-
-      .fa-xmark {
-        color: ${({ theme }) => theme.t6};
-        margin-left: .5rem;
-        cursor: pointer;
-
-        &:hover {
-          color: ${({ theme }) => theme.t8};
-        }
-      }
-    }
-
-    .iz-modal-content {
-      overflow-x: hidden;
-      overflow-y: overlay;
-      position: relative;
-      height: ${(props) => props.position === "center" ? "initial" : "100%"};
-
-      .iz-modal-close {
-        position: absolute;
-        color: ${(props) => props.light ? "rgb(255, 255, 255, 0.6)" : "rgb(0, 0, 0, 0.6)"};
-        top: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
-        right: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
-        width: 1rem;
-        height: 1rem;
-        cursor: pointer;
-        z-index: 9;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-          
-        @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-           display: none;
-        }
-
-        &:hover {
-          color: ${(props) => props.light ? "rgb(255, 255, 255, 1)" : "rgb(0, 0, 0, 1)"};
-        }
-      }
-    }
-
-    .iz-modal-buttons {
-      padding: 1rem 2rem;
-
-      @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-        padding: 1rem 2rem 2rem;
-      }
-
-      button {
-        width: 100%;
-        margin-bottom: .5rem;
-      }
-
-      button:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-`;
-export {
-  Container
-};