trepur_components 0.4.7 → 1.0.0

package/dist/components/Column/index.js

@@ -1,137 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.columnProps = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const columnProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  sm: _propTypes.default.number,
-  md: _propTypes.default.number,
-  lg: _propTypes.default.number,
-  xl: _propTypes.default.number,
-  children: _propTypes.default.any
-};
-exports.columnProps = columnProps;
-
-const Column = _ref => {
-  let {
-    columnProps,
-    children
-  } = _ref;
-  if (columnProps == undefined) return;
-  const widthOptions = {
-    1: 'w-1/12',
-    2: 'w-2/12',
-    3: 'w-3/12',
-    4: 'w-4/12',
-    5: 'w-5/12',
-    6: 'w-6/12',
-    7: 'w-7/12',
-    8: 'w-8/12',
-    9: 'w-9/12',
-    10: 'w-10/12',
-    11: 'w-11/12',
-    12: 'w-full'
-  };
-  const mdWidthOptions = {
-    1: 'md:w-1/12',
-    2: 'md:w-2/12',
-    3: 'md:w-3/12',
-    4: 'md:w-4/12',
-    5: 'md:w-5/12',
-    6: 'md:w-6/12',
-    7: 'md:w-7/12',
-    8: 'md:w-8/12',
-    9: 'md:w-9/12',
-    10: 'md:w-10/12',
-    11: 'md:w-11/12',
-    12: 'md:w-full'
-  };
-  const lgWidthOptions = {
-    1: 'lg:w-1/12',
-    2: 'lg:w-2/12',
-    3: 'lg:w-3/12',
-    4: 'lg:w-4/12',
-    5: 'lg:w-5/12',
-    6: 'lg:w-6/12',
-    7: 'lg:w-7/12',
-    8: 'lg:w-8/12',
-    9: 'lg:w-9/12',
-    10: 'lg:w-10/12',
-    11: 'lg:w-11/12',
-    12: 'lg:w-full'
-  };
-  const xlWidthOptions = {
-    1: 'xl:w-1/12',
-    2: 'xl:w-2/12',
-    3: 'xl:w-3/12',
-    4: 'xl:w-4/12',
-    5: 'xl:w-5/12',
-    6: 'xl:w-6/12',
-    7: 'xl:w-7/12',
-    8: 'xl:w-8/12',
-    9: 'xl:w-9/12',
-    10: 'xl:w-10/12',
-    11: 'xl:w-11/12',
-    12: 'xl:w-full'
-  };
-
-  const calculateWidth = (screen, size) => {
-    switch (screen) {
-      case 'sm':
-        return widthOptions[size];
-
-      case 'md':
-        return mdWidthOptions[size];
-
-      case 'lg':
-        return lgWidthOptions[size];
-
-      case 'xl':
-        return xlWidthOptions[size];
-
-      default:
-        return widthOptions[size];
-    }
-  };
-
-  const classList = (0, _classnames.default)({
-    [columnProps === null || columnProps === void 0 ? void 0 : columnProps.classes]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.classes,
-    [calculateWidth('sm', columnProps === null || columnProps === void 0 ? void 0 : columnProps.sm)]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.sm,
-    [calculateWidth('md', columnProps === null || columnProps === void 0 ? void 0 : columnProps.md)]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.md,
-    [calculateWidth('lg', columnProps === null || columnProps === void 0 ? void 0 : columnProps.lg)]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.lg,
-    [calculateWidth('xl', columnProps === null || columnProps === void 0 ? void 0 : columnProps.xl)]: columnProps === null || columnProps === void 0 ? void 0 : columnProps.xl
-  }, 'h-full');
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, (columnProps === null || columnProps === void 0 ? void 0 : columnProps.id) && {
-    id: columnProps === null || columnProps === void 0 ? void 0 : columnProps.id
-  }, {
-    className: classList
-  }), children);
-};
-
-Column.propTypes = {
-  columnProps: _propTypes.default.shape(_objectSpread({}, columnProps))
-};
-var _default = Column;
-exports.default = _default;

package/dist/components/Container/index.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.containerProps = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const containerProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string
-};
-exports.containerProps = containerProps;
-
-const Container = _ref => {
-  let {
-    containerProps,
-    children
-  } = _ref;
-  const classList = (0, _classnames.default)({
-    [containerProps.classes]: containerProps === null || containerProps === void 0 ? void 0 : containerProps.classes
-  }, 'mx-auto');
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    style: {
-      'maxWidth': containerProps.maxWidth
-    }
-  }, (containerProps === null || containerProps === void 0 ? void 0 : containerProps.id) && {
-    id: containerProps === null || containerProps === void 0 ? void 0 : containerProps.id
-  }, {
-    className: classList
-  }), children);
-};
-
-Container.propTypes = {
-  containerProps: _propTypes.default.shape(_objectSpread({}, containerProps))
-};
-var _default = Container;
-exports.default = _default;

package/dist/components/FooterBar/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-var _Column = _interopRequireDefault(require("../Column"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const Nav = _ref => {
-  let {
-    id,
-    classes,
-    items,
-    barHeight,
-    bgColor
-  } = _ref;
-  const footerBarHeight = barHeight ? barHeight : 'h-full';
-  const classList = (0, _classnames.default)({
-    [classes]: classes,
-    [bgColor]: bgColor,
-    'bg-white': !bgColor
-  }, footerBarHeight, 'flex flex-wrap items-center');
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: id,
-    className: classList
-  }, items && items.map((item, i) => {
-    const columnClassList = (0, _classnames.default)({
-      [item === null || item === void 0 ? void 0 : item.columnClasses]: item === null || item === void 0 ? void 0 : item.columnClasses
-    }, 'text-center md:text-left');
-    return /*#__PURE__*/_react.default.createElement(_Column.default, {
-      key: "row_item_1.".concat(i),
-      columnProps: {
-        classes: columnClassList,
-        sm: item.smColumnWidth,
-        md: item.mdColumnWidth,
-        lg: item.lgColumnWidth,
-        xl: item.xlColumnWidth
-      },
-      children: item.component
-    });
-  }));
-};
-
-var _default = Nav;
-exports.default = _default;

package/dist/components/Form/index.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _Input = _interopRequireDefault(require("../Input"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Form = _ref => {
-  let {
-    id,
-    classes,
-    title,
-    titleClasses,
-    onSubmit,
-    ref,
-    components,
-    buttonDesign,
-    buttonBgColor,
-    buttonTextColor,
-    buttonBorderColor,
-    hoverButtonBgColor,
-    hoverButtonTextColor,
-    hoverButtonBorderColor,
-    buttonType,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", {
-    className: titleClasses
-  }, title), /*#__PURE__*/_react.default.createElement("form", _extends({}, id && {
-    id: id
-  }, {
-    ref: ref,
-    className: classes,
-    onSubmit: onSubmit
-  }), components && components.map((component, i) => {
-    if (component.type === 'Input') {
-      return /*#__PURE__*/_react.default.createElement(_Input.default, {
-        key: "input_".concat(i + 0),
-        classes: component.classes,
-        label: component.label,
-        placeholder: component.placeholder,
-        type: component.type,
-        name: component.name
-      });
-    } else if (component.type === 'Button') {
-      return /*#__PURE__*/_react.default.createElement(_Button.default, {
-        key: "button_".concat(i + 0),
-        type: component.htmlType,
-        onClick: onClick,
-        classes: component.classes,
-        ctaText: component.ctaText,
-        bgColor: buttonBgColor,
-        textColor: buttonTextColor,
-        borderColor: buttonBorderColor,
-        hoverTextColor: hoverButtonTextColor,
-        hoverBgColor: hoverButtonBgColor,
-        hoverBorderColor: hoverButtonBorderColor,
-        buttonType: buttonType,
-        buttonDesign: buttonDesign
-      });
-    } else return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  })));
-};
-
-var _default = Form;
-exports.default = _default;

package/dist/components/FyreCard/index.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const FyreCard = _ref => {
-  let {
-    id,
-    classes,
-    image,
-    imageClass,
-    altText,
-    bordered,
-    buttonProps
-  } = _ref;
-  let border = bordered && ' border border-grey border-opacity-100 ';
-  let classList = 'flex flex-col ';
-  classList += classes ? classes : '';
-  classList += ' ' + border;
-  let imageClassList = ' w-full ';
-  imageClassList += imageClass;
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    key: id
-  }, id && {
-    id: id
-  }, {
-    className: classList
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "card-content flex flex-1 flex-col"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("img", {
-    className: imageClassList,
-    src: image,
-    alt: altText
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex justify-end"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    buttonProps: buttonProps
-  }, buttonProps.children))));
-};
-
-var _default = FyreCard;
-exports.default = _default;

package/dist/components/Greeting/index.js

@@ -1,69 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.parse-int.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const greetingProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  morningMessage: _propTypes.default.string,
-  afternoonMessage: _propTypes.default.string,
-  eveningMessage: _propTypes.default.string
-};
-
-const Greeting = _ref => {
-  let {
-    greetingProps
-  } = _ref;
-  const today = new Date();
-  const hours = ('0' + today.getHours()).slice(-2);
-  const minutes = ('0' + today.getMinutes()).slice(-2);
-  const seconds = ('0' + today.getSeconds()).slice(-2);
-  const time = parseInt("".concat(hours).concat(minutes).concat(seconds));
-  let message;
-
-  if (time < 120000) {
-    message = (greetingProps === null || greetingProps === void 0 ? void 0 : greetingProps.morningMessage) || 'Good morning';
-  } else if (time > 115959 && time < 170000) {
-    message = (greetingProps === null || greetingProps === void 0 ? void 0 : greetingProps.afternoonMessage) || 'Good afternoon';
-  } else if (time > 165959) {
-    message = (greetingProps === null || greetingProps === void 0 ? void 0 : greetingProps.eveningMessage) || 'Good evening';
-  }
-
-  const classList = (0, _classnames.default)({
-    [greetingProps === null || greetingProps === void 0 ? void 0 : greetingProps.classes]: greetingProps === null || greetingProps === void 0 ? void 0 : greetingProps.classes
-  });
-  return /*#__PURE__*/_react.default.createElement("p", _extends({}, (greetingProps === null || greetingProps === void 0 ? void 0 : greetingProps.id) && {
-    id: greetingProps.id
-  }, {
-    className: classList
-  }), message);
-};
-
-Greeting.propTypes = {
-  greetingProps: _propTypes.default.shape(_objectSpread({}, greetingProps))
-};
-var _default = Greeting;
-exports.default = _default;

package/dist/components/Icon/index.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.iconProps = exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const iconProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  type: _propTypes.default.string,
-  size: _propTypes.default.number,
-  onClick: _propTypes.default.func,
-  style: _propTypes.default.string,
-  animation: _propTypes.default.string,
-  reverseSpin: _propTypes.default.bool,
-  hollow: _propTypes.default.bool,
-  colour: _propTypes.default.string,
-  bgColour: _propTypes.default.string,
-  rounded: _propTypes.default.bool,
-  brand: _propTypes.default.bool
-};
-exports.iconProps = iconProps;
-
-const Icon = _ref => {
-  let {
-    iconProps
-  } = _ref;
-  if (iconProps == undefined) return;
-  if ((iconProps === null || iconProps === void 0 ? void 0 : iconProps.size) == undefined) iconProps.size = 1;
-  const wrapperClassList = (0, _classnames.default)({
-    'w-6 h-6': iconProps.size === 1,
-    'w-10 h-10': iconProps.size === 2,
-    'w-14 h-14': iconProps.size === 3,
-    'w-20 h-20': iconProps.size === 4,
-    'w-24 h-24': iconProps.size === 5,
-    'w-28 h-28': iconProps.size === 6,
-    'w-32 h-32': iconProps.size === 7,
-    'w-36 h-36': iconProps.size === 8,
-    'w-40 h-40': iconProps.size === 9,
-    'w-44 h-44': iconProps.size === 10,
-    [iconProps.classes]: iconProps === null || iconProps === void 0 ? void 0 : iconProps.classes,
-    [iconProps.colour]: iconProps === null || iconProps === void 0 ? void 0 : iconProps.colour,
-    [iconProps.bgColour]: iconProps === null || iconProps === void 0 ? void 0 : iconProps.bgColour,
-    'rounded-full': iconProps === null || iconProps === void 0 ? void 0 : iconProps.rounded
-  }, 'flex');
-  const classList = (0, _classnames.default)({
-    'fa-brands': iconProps === null || iconProps === void 0 ? void 0 : iconProps.brand,
-    ["fa-".concat(iconProps.size, "x")]: iconProps === null || iconProps === void 0 ? void 0 : iconProps.size,
-    ["fa-".concat(iconProps.animation)]: iconProps === null || iconProps === void 0 ? void 0 : iconProps.animation,
-    'fa-spin-reverse': iconProps === null || iconProps === void 0 ? void 0 : iconProps.reverseSpin,
-    'fa-regular': iconProps === null || iconProps === void 0 ? void 0 : iconProps.hollow
-  }, "fa fa-".concat(iconProps.type, " mx-auto my-auto"));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, (iconProps === null || iconProps === void 0 ? void 0 : iconProps.id) && {
-    id: iconProps.id
-  }, {
-    className: wrapperClassList
-  }, (iconProps === null || iconProps === void 0 ? void 0 : iconProps.onClick) && {
-    onClick: iconProps.onClick
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: classList,
-    style: iconProps === null || iconProps === void 0 ? void 0 : iconProps.style,
-    role: "img",
-    "aria-hidden": "true",
-    "aria-label": iconProps === null || iconProps === void 0 ? void 0 : iconProps.type
-  }));
-};
-
-Icon.propTypes = {
-  iconProps: _propTypes.default.shape(_objectSpread({}, iconProps))
-};
-var _default = Icon;
-exports.default = _default;