@cashub/ui-elv 1.0.7 → 1.0.9

package/datetimePicker/TimePickerV2.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = require("react");
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
-var _hooks = require("@cashub/hooks");
+var _hooksElv = require("@cashub/hooks-elv");
 var _utils = require("@cashub/utils");
 var _pad = _interopRequireDefault(require("./utils/pad"));
 var _form = require("../form");
@@ -60,7 +60,7 @@ const TimePickerV2 = _ref => {
     attributes,
     state,
     update
-  } = (0, _hooks.useCustomPopper)(targetElement, popperElement, {
+  } = (0, _hooksElv.useCustomPopper)(targetElement, popperElement, {
     placement: 'bottom-start'
   });
   const handleToggle = () => {

package/dropdown/Dropdown.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
-var _hooks = require("@cashub/hooks");
+var _hooksElv = require("@cashub/hooks-elv");
 var _DropdownContext = _interopRequireDefault(require("./subComponent/DropdownContext"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -24,7 +24,7 @@ const Dropdown = _ref => {
     attributes,
     state,
     update
-  } = (0, _hooks.useCustomPopper)(toggleElement, contentElement, {
+  } = (0, _hooksElv.useCustomPopper)(toggleElement, contentElement, {
     strategy: fixed ? 'fixed' : 'absolute'
   });
   const handleSelect = () => {

package/esm/datetimePicker/TimePickerV2.js

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import styled, { css } from 'styled-components';
 import OutsideClickHandler from 'react-outside-click-handler';
-import { useCustomPopper } from '@cashub/hooks';
+import { useCustomPopper } from '@cashub/hooks-elv';
 import { generateRange } from '@cashub/utils';
 import pad from './utils/pad';
 import { Input } from '../form';

package/esm/dropdown/Dropdown.js

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import OutsideClickHandler from 'react-outside-click-handler';
-import { useCustomPopper } from '@cashub/hooks';
+import { useCustomPopper } from '@cashub/hooks-elv';
 import DropdownContext from './subComponent/DropdownContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 const Dropdown = _ref => {

package/esm/modal/TitleModal.js

@@ -2,7 +2,7 @@ import { useRef, useCallback, useState, useEffect, cloneElement, useMemo, forwar
 import ReactDOM, { unmountComponentAtNode } from 'react-dom';
 import styled from 'styled-components';
 import { MdClose } from 'react-icons/md/index.esm';
-import { useForkRef } from '@cashub/hooks';
+import { useForkRef } from '@cashub/hooks-elv';
 import { appendElementTo, isReactComponent } from '@cashub/utils';
 import media from '../styles/mixin/media';
 import scrollbar from '../styles/mixin/scrollbar';

package/esm/paginate/Paginate.js

@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
 import { FaAngleLeft, FaAngleRight } from 'react-icons/fa/index.esm';
-import { usePagination, DOTS } from '@cashub/hooks';
+import { usePagination, DOTS } from '@cashub/hooks-elv';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Paginate = props => {
   const {

package/esm/popover/Popover.js

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import ReactDOM, { unmountComponentAtNode } from 'react-dom';
 import styled from 'styled-components';
 import OutsideClickHandler from 'react-outside-click-handler';
-import { useCustomPopper } from '@cashub/hooks';
+import { useCustomPopper } from '@cashub/hooks-elv';
 import { appendElementTo } from '@cashub/utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 const Popover = _ref => {

package/esm/select/InputSelect.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import OutsideClickHandler from 'react-outside-click-handler';
-import { useCustomPopper } from '@cashub/hooks';
+import { useCustomPopper } from '@cashub/hooks-elv';
 import { KEY_CODE } from '@cashub/utils';
 import Input from '../form/Input';
 import ListBox from './subComponent/ListBox';

package/esm/select/Select.js

@@ -6,7 +6,7 @@ import styled from 'styled-components';
 import uniqueId from 'lodash.uniqueid';
 import { TiArrowSortedDown } from 'react-icons/ti/index.esm';
 import { MdClose } from 'react-icons/md/index.esm';
-import { useCustomPopper } from '@cashub/hooks';
+import { useCustomPopper } from '@cashub/hooks-elv';
 import { KEY_CODE } from '@cashub/utils';
 import media from '../styles/mixin/media';
 import SelectedSingle from './subComponent/SelectedSingle';

package/esm/tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 import { useState, cloneElement, forwardRef, useMemo, useCallback } from 'react';
 import styled from 'styled-components';
 import OutsideClickHandler from 'react-outside-click-handler';
-import { useForkRef, useCustomPopper } from '@cashub/hooks';
+import { useForkRef, useCustomPopper } from '@cashub/hooks-elv';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Tooltip = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {

package/modal/TitleModal.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _reactDom = _interopRequireWildcard(require("react-dom"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _md = require("react-icons/md");
-var _hooks = require("@cashub/hooks");
+var _hooksElv = require("@cashub/hooks-elv");
 var _utils = require("@cashub/utils");
 var _media = _interopRequireDefault(require("../styles/mixin/media"));
 var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
@@ -104,7 +104,7 @@ const ModalBody = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     ...props
   } = _ref3;
   const ownRef = (0, _react.useRef)(null);
-  const bodyRef = (0, _hooks.useForkRef)(ownRef, ref);
+  const bodyRef = (0, _hooksElv.useForkRef)(ownRef, ref);
   const recalculateHeight = (0, _react.useCallback)(() => {
     // body element not render yet
     if (!ownRef.current) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui-elv",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library (Elavon)",
@@ -14,19 +14,18 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@cashub/hooks": "^0.5.3",
+    "@cashub/hooks-elv": "^1.0.0",
     "@cashub/utils": "^1.3.2",
     "@googlemaps/markerclusterer": "^2.5.1",
     "@googlemaps/react-wrapper": "^1.1.35",
-    "@monaco-editor/react": "^4.6.0",
-    "@popperjs/core": "^2.11.5",
+    "@react-leaflet/core": "^1.1.1",
     "@yaireo/tagify": "^4.12.0",
     "chart.js": "^3.8.0",
     "cropperjs": "^1.5.12",
+    "fast-deep-equal": "^3.1.3",
     "leaflet": "^1.7.1",
     "leaflet-draw": "^1.0.4",
     "lodash.uniqueid": "^4.0.1",
-    "moment": "^2.29.3",
     "normalize.css": "^8.0.1",
     "overlapping-marker-spiderfier": "^1.1.4",
     "qrcode.react": "^3.0.2",
@@ -37,17 +36,17 @@
     "react-leaflet": "^3.1.0",
     "react-leaflet-markercluster": "^3.0.0-rc1",
     "react-outside-click-handler": "^1.3.0",
-    "react-popper": "^2.3.0",
     "react-router-dom": "^5.2.0",
     "react-toastify": "^7.0.4",
     "react-transition-group": "^4.4.2",
-    "react-window": "^1.8.11",
     "styled-components": "^5.3.0",
     "treeflex": "^2.0.1"
   },
   "peerDependencies": {
     "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react-dom": "^17.0.1",
+    "react-i18next": ">=11.11.4",
+    "react-icons": "^4.3.1"
   },
   "publishConfig": {
     "access": "public"

package/paginate/Paginate.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _fa = require("react-icons/fa");
-var _hooks = require("@cashub/hooks");
+var _hooksElv = require("@cashub/hooks-elv");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -19,7 +19,7 @@ const Paginate = props => {
     onPageChange,
     alignRight
   } = props;
-  const paginationRange = (0, _hooks.usePagination)({
+  const paginationRange = (0, _hooksElv.usePagination)({
     currentPage,
     totalCount,
     siblingCount,
@@ -46,7 +46,7 @@ const Paginate = props => {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fa.FaAngleLeft, {})
       })
     }), paginationRange.map((pageNumber, index) => {
-      if (pageNumber === _hooks.DOTS) {
+      if (pageNumber === _hooksElv.DOTS) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, {
           className: "paginationDots",
           children: "\u2026"

package/popover/Popover.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _reactDom = _interopRequireWildcard(require("react-dom"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
-var _hooks = require("@cashub/hooks");
+var _hooksElv = require("@cashub/hooks-elv");
 var _utils = require("@cashub/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -51,7 +51,7 @@ const Box = _ref2 => {
     styles,
     attributes,
     state
-  } = (0, _hooks.useCustomPopper)(target, popoverElement, {
+  } = (0, _hooksElv.useCustomPopper)(target, popoverElement, {
     boundary
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactOutsideClickHandler.default, {

package/select/InputSelect.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
-var _hooks = require("@cashub/hooks");
+var _hooksElv = require("@cashub/hooks-elv");
 var _utils = require("@cashub/utils");
 var _Input = _interopRequireDefault(require("../form/Input"));
 var _ListBox = _interopRequireDefault(require("./subComponent/ListBox"));
@@ -36,7 +36,7 @@ const InputSelect = _ref => {
     attributes,
     state,
     update
-  } = (0, _hooks.useCustomPopper)(listBoxElement, dropdownElement);
+  } = (0, _hooksElv.useCustomPopper)(listBoxElement, dropdownElement);
   const handleKeyUp = event => {
     const key = event.keyCode;
     switch (key) {

package/select/Select.js

@@ -12,7 +12,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
 var _ti = require("react-icons/ti");
 var _md = require("react-icons/md");
-var _hooks = require("@cashub/hooks");
+var _hooksElv = require("@cashub/hooks-elv");
 var _utils = require("@cashub/utils");
 var _media = _interopRequireDefault(require("../styles/mixin/media"));
 var _SelectedSingle = _interopRequireDefault(require("./subComponent/SelectedSingle"));
@@ -74,7 +74,7 @@ const Select = _ref => {
     attributes,
     state,
     update
-  } = (0, _hooks.useCustomPopper)(comboboxElement, listBoxElement);
+  } = (0, _hooksElv.useCustomPopper)(comboboxElement, listBoxElement);
   const newOptions = (0, _react.useMemo)(() => {
     if (!options) return;
     const newOptions = options.map(item => {

package/tooltip/Tooltip.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = require("react");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
-var _hooks = require("@cashub/hooks");
+var _hooksElv = require("@cashub/hooks-elv");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Tooltip = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
@@ -26,12 +26,12 @@ const Tooltip = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const [targetElement, setTargetElement] = (0, _react.useState)(null);
   const [tooltipElement, setTooltipElement] = (0, _react.useState)(null);
   const [arrowElement, setArrowElement] = (0, _react.useState)(null);
-  const ownRef = (0, _hooks.useForkRef)(setTargetElement, ref);
+  const ownRef = (0, _hooksElv.useForkRef)(setTargetElement, ref);
   const {
     styles,
     attributes,
     update
-  } = (0, _hooks.useCustomPopper)(targetElement, tooltipElement, {
+  } = (0, _hooksElv.useCustomPopper)(targetElement, tooltipElement, {
     strategy: fixed ? 'fixed' : 'absolute',
     arrowElement,
     ...(placement && {

package/billing/BarChart.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingBarChart = _ref => {
-  let {
-    theme,
-    percentage,
-    success,
-    warning,
-    danger
-  } = _ref;
-  const styles = {
-    chart: {
-      position: 'relative',
-      width: '100%',
-      height: 16,
-      borderRadius: 16,
-      backgroundColor: theme.bgColor3,
-      marginTop: 8
-    },
-    bar: {
-      position: 'absolute',
-      width: `${percentage}%`,
-      borderRadius: 16,
-      top: 0,
-      bottom: 0,
-      backgroundColor: theme.colorPrimary
-    }
-  };
-  if (success) {
-    styles.bar.backgroundColor = theme.colorSuccess;
-  }
-  if (warning) {
-    styles.bar.backgroundColor = theme.colorWarning;
-  }
-  if (danger) {
-    styles.bar.backgroundColor = theme.colorDanger;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles.chart,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-      style: styles.bar
-    })
-  });
-};
-var _default = exports.default = BillingBarChart;

package/billing/Grid.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BillingGrid = exports.BillingColumn = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingGrid = _ref => {
-  let {
-    children
-  } = _ref;
-  const styles = {
-    display: 'flex',
-    flexWrap: 'wrap',
-    flexDirection: 'row',
-    margin: '0 -8'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-exports.BillingGrid = BillingGrid;
-const BillingColumn = _ref2 => {
-  let {
-    children,
-    flex
-  } = _ref2;
-  const styles = {
-    padding: '0 8',
-    width: '50%'
-  };
-  if (flex) {
-    styles.display = 'flex';
-    styles.alignContent = 'stretch';
-    styles.alignItems = 'stretch';
-    styles.flexDirection = 'column';
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-exports.BillingColumn = BillingColumn;

package/billing/Header2.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingHeader2 = _ref => {
-  let {
-    children
-  } = _ref;
-  const styles = {
-    fontSize: 20,
-    wordBreak: 'break-word',
-    textAlign: 'center',
-    margin: 0,
-    marginBottom: 12
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingHeader2;

package/billing/Header3.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingHeader3 = _ref => {
-  let {
-    children,
-    fontWeightNormal,
-    noMarginBottom,
-    paddingBottom
-  } = _ref;
-  const styles = {
-    fontSize: 14,
-    lineHeight: 1.25,
-    wordBreak: 'break-word',
-    fontWeight: 'bold',
-    marginBottom: 8
-  };
-  if (fontWeightNormal) {
-    styles.fontWeight = 'normal';
-  }
-  if (noMarginBottom) {
-    styles.marginBottom = 0;
-  }
-  if (paddingBottom) {
-    styles.paddingBottom = 8;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingHeader3;

package/billing/Paragraph.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingParagraph = _ref => {
-  let {
-    children,
-    marginRight,
-    justifyContentBetween
-  } = _ref;
-  const styles = {
-    margin: 0,
-    display: 'flex',
-    flexDirection: 'row',
-    wordBreak: 'break-word',
-    overflowWrap: 'break-word'
-  };
-  if (marginRight) {
-    styles.marginRight = 16;
-  }
-  if (justifyContentBetween) {
-    styles.justifyContent = 'space-between';
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingParagraph;

package/billing/ParagraphGroup.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingParagraphGroup = _ref => {
-  let {
-    children
-  } = _ref;
-  const styles = {
-    display: 'flex',
-    flexDirection: 'row'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingParagraphGroup;

package/billing/ParagraphText.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingParagraphText = _ref => {
-  let {
-    children,
-    fontWeightBold
-  } = _ref;
-  const styles = {
-    fontSize: 12,
-    lineHeight: 1.5
-  };
-  if (fontWeightBold) {
-    styles.fontWeight = 'bold';
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingParagraphText;

package/billing/Section.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingSection = _ref => {
-  let {
-    children,
-    theme,
-    backgroundReverse,
-    noPadding,
-    noMarginBottom,
-    paddingS,
-    marginBottomS,
-    flexGrow
-  } = _ref;
-  const styles = {
-    backgroundColor: theme.bgColor1,
-    borderRadius: 16,
-    color: theme.fontOnBg,
-    padding: 12,
-    marginBottom: 16
-  };
-  if (backgroundReverse) {
-    styles.backgroundColor = theme.bgColor2;
-  }
-  if (noPadding) {
-    styles.padding = 0;
-  }
-  if (noMarginBottom) {
-    styles.marginBottom = 0;
-  }
-  if (paddingS) {
-    styles.padding = 8;
-  }
-  if (marginBottomS) {
-    styles.marginBottom = 12;
-  }
-  if (flexGrow) {
-    styles.flexGrow = 1;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingSection;

package/billing/SectionBody.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingSectionBody = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    children: children
-  });
-};
-var _default = exports.default = BillingSectionBody;

package/billing/SectionHeader.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _renderer = require("@react-pdf/renderer");
-var _jsxRuntime = require("react/jsx-runtime");
-const BillingSectionHeader = _ref => {
-  let {
-    children,
-    inline
-  } = _ref;
-  const styles = {};
-  if (inline) {
-    styles.display = 'flex';
-    styles.justifyContent = 'space-between';
-    styles.flexDirection = 'row';
-    styles.alignItems = 'center';
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
-    style: styles,
-    children: children
-  });
-};
-var _default = exports.default = BillingSectionHeader;