@brizy/ui-icons 0.0.33 → 0.0.35

package/es/icons/TextAlignJustify.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { Props } from "../types";
+export declare const TextAlignJustify: ({ className, onClick, style }: Props) => ReactElement;

package/es/icons/TextAlignJustify.js

@@ -0,0 +1,8 @@
+import React from "react";
+export const TextAlignJustify = ({ className, onClick, style }) => (React.createElement("svg", { className: className, style: style, onClick: onClick, viewBox: "0 0 16 16", width: "1em", height: "1em" },
+    React.createElement("g", null,
+        React.createElement("g", { fill: "currentColor" },
+            React.createElement("path", { fill: "currentColor", d: "M0 1h16v2H0z" }),
+            React.createElement("path", { "data-color": "color-2", d: "M0 5h16v2H0z" }),
+            React.createElement("path", { fill: "currentColor", d: "M0 9h16v2H0z" }),
+            React.createElement("path", { "data-color": "color-2", d: "M0 13h16v2H0z" })))));

package/es/icons/TextAlignLeft.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { Props } from "../types";
+export declare const TextAlignLeft: ({ className, onClick, style }: Props) => ReactElement;

package/es/icons/TextAlignLeft.js

@@ -0,0 +1,8 @@
+import React from "react";
+export const TextAlignLeft = ({ className, onClick, style }) => (React.createElement("svg", { className: className, style: style, onClick: onClick, viewBox: "0 0 16 16", width: "1em", height: "1em" },
+    React.createElement("g", null,
+        React.createElement("g", { fill: "currentColor" },
+            React.createElement("path", { fill: "currentColor", d: "M0 1h16v2H0z" }),
+            React.createElement("path", { "data-color": "color-2", d: "M0 5h10v2H0z" }),
+            React.createElement("path", { fill: "currentColor", d: "M0 9h16v2H0z" }),
+            React.createElement("path", { "data-color": "color-2", d: "M0 13h10v2H0z" })))));

package/es/icons/TextAlignRight.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { Props } from "../types";
+export declare const TextAlignRight: ({ className, onClick, style }: Props) => ReactElement;

package/es/icons/TextAlignRight.js

@@ -0,0 +1,8 @@
+import React from "react";
+export const TextAlignRight = ({ className, onClick, style }) => (React.createElement("svg", { className: className, style: style, onClick: onClick, viewBox: "0 0 16 16", width: "1em", height: "1em" },
+    React.createElement("g", null,
+        React.createElement("g", { fill: "currentColor" },
+            React.createElement("path", { fill: "currentColor", d: "M0 1h16v2H0z" }),
+            React.createElement("path", { "data-color": "color-2", d: "M6 5h10v2H6z" }),
+            React.createElement("path", { fill: "currentColor", d: "M0 9h16v2H0z" }),
+            React.createElement("path", { "data-color": "color-2", d: "M6 13h10v2H6z" })))));

package/es/index.d.ts

@@ -116,6 +116,7 @@ export { Diagram } from "./icons/Diagram";
 export { BrizyLogo } from "./icons/BrizyLogo";
 export { NotificationsOutlined } from "./icons/NotificationsOutlined";
 export { Discounts } from "./icons/Discounts";
+export { Reverse } from "./icons/Reverse";
 export { MinistryBrandsSermonList } from "./icons/MinistryBrandsSermonList";
 export { MinistryBrandsSermonDetail } from "./icons/MinistryBrandsSermonDetail";
 export { MinistryBrandsSermonFeatured } from "./icons/MinistryBrandsSermonFeatured";
@@ -130,3 +131,10 @@ export { MinistryBrandsGroupDetail } from "./icons/MinistryBrandsGroupDetail";
 export { MinistryBrandsGroupFeatured } from "./icons/MinistryBrandsGroupFeatured";
 export { MinistryBrandsGroupLayout } from "./icons/MinistryBrandsGroupLayout";
 export { MinistryBrandsGroupSlider } from "./icons/MinistryBrandsGroupSlider";
+export { TextAlignCenter } from "./icons/TextAlignCenter";
+export { TextAlignLeft } from "./icons/TextAlignLeft";
+export { TextAlignRight } from "./icons/TextAlignRight";
+export { TextAlignJustify } from "./icons/TextAlignJustify";
+export { MediaImage } from "./icons/MediaImage";
+export { MediaVideo } from "./icons/MediaVideo";
+export { MediaMap } from "./icons/MediaMap";

package/es/index.js

@@ -116,6 +116,7 @@ export { Diagram } from "./icons/Diagram";
 export { BrizyLogo } from "./icons/BrizyLogo";
 export { NotificationsOutlined } from "./icons/NotificationsOutlined";
 export { Discounts } from "./icons/Discounts";
+export { Reverse } from "./icons/Reverse";
 // Ministry Brands
 export { MinistryBrandsSermonList } from "./icons/MinistryBrandsSermonList";
 export { MinistryBrandsSermonDetail } from "./icons/MinistryBrandsSermonDetail";
@@ -131,3 +132,12 @@ export { MinistryBrandsGroupDetail } from "./icons/MinistryBrandsGroupDetail";
 export { MinistryBrandsGroupFeatured } from "./icons/MinistryBrandsGroupFeatured";
 export { MinistryBrandsGroupLayout } from "./icons/MinistryBrandsGroupLayout";
 export { MinistryBrandsGroupSlider } from "./icons/MinistryBrandsGroupSlider";
+// Text Align
+export { TextAlignCenter } from "./icons/TextAlignCenter";
+export { TextAlignLeft } from "./icons/TextAlignLeft";
+export { TextAlignRight } from "./icons/TextAlignRight";
+export { TextAlignJustify } from "./icons/TextAlignJustify";
+// Media
+export { MediaImage } from "./icons/MediaImage";
+export { MediaVideo } from "./icons/MediaVideo";
+export { MediaMap } from "./icons/MediaMap";

package/lib/icons/ArrowRight.d.ts

@@ -1,2 +1,3 @@
 import { ReactElement } from "react";
-export declare const ArrowRight: () => ReactElement;
+import { Props } from "../types";
+export declare const ArrowRight: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/ArrowRight.js

@@ -5,6 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowRight = void 0;
 const react_1 = __importDefault(require("react"));
-exports.ArrowRight = () => (react_1.default.createElement("svg", { width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 16 16" },
+exports.ArrowRight = ({ className, onClick, style }) => (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 16 16" },
     react_1.default.createElement("g", null,
         react_1.default.createElement("path", { fill: "currentColor", d: "M9.3 1.3L7.9 2.7 12.2 7H0v2h12.2l-4.3 4.3 1.4 1.4L16 8z" }))));

package/lib/icons/CheckCircle.d.ts

@@ -1,2 +1,3 @@
 import { ReactElement } from "react";
-export declare const CheckCircle: () => ReactElement;
+import { Props } from "../types";
+export declare const CheckCircle: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/CheckCircle.js

@@ -5,6 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckCircle = void 0;
 const react_1 = __importDefault(require("react"));
-exports.CheckCircle = () => (react_1.default.createElement("svg", { width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 16 16" },
+exports.CheckCircle = ({ className, onClick, style }) => (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 16 16" },
     react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
         react_1.default.createElement("path", { d: "M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z M7,11.4 L3.6,8 L5,6.6 L7,8.6 L11,4.6 L12.4,6 L7,11.4 Z", fill: "currentColor", fillRule: "nonzero" }))));

package/lib/icons/CheckSmall.d.ts

@@ -1,2 +1,3 @@
 import { ReactElement } from "react";
-export declare const CheckSmall: () => ReactElement;
+import { Props } from "../types";
+export declare const CheckSmall: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/CheckSmall.js

@@ -5,6 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckSmall = void 0;
 const react_1 = __importDefault(require("react"));
-exports.CheckSmall = () => (react_1.default.createElement("svg", { width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 16 16" },
+exports.CheckSmall = ({ className, onClick, style }) => (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 16 16" },
     react_1.default.createElement("g", { fillRule: "nonzero", fill: "currentColor", stroke: "none", strokeWidth: "1" },
         react_1.default.createElement("polygon", { fillRule: "nonzero", fill: "currentColor", points: "6.50836363 12.992 1.87199996 7.99199999 3.78109089 5.93317645 6.50836363 8.87435295 11.9629091 2.99199996 13.872 5.0508235" }))));

package/lib/icons/Close.d.ts

@@ -1,2 +1,3 @@
 import { ReactElement } from "react";
-export declare const Close: () => ReactElement;
+import { Props } from "../types";
+export declare const Close: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/Close.js

@@ -5,6 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Close = void 0;
 const react_1 = __importDefault(require("react"));
-exports.Close = () => (react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
+exports.Close = ({ className, onClick, style }) => (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
     react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
         react_1.default.createElement("polygon", { fill: "currentColor", fillRule: "nonzero", points: "13.3406833 5.55111512e-17 8.76771899 5.11940885 3.58869913 0 0.769230769 2.87439085 6.20794072 8 0.769230769 13.3158649 3.58869913 16 8.76771899 10.8189279 13.9351485 16 16.7692308 13.3158649 11.6597528 8.13088577 16.479809 2.87439085" }))));

package/lib/icons/Delete.d.ts

@@ -1,2 +1,3 @@
 import { ReactElement } from "react";
-export declare const Delete: () => ReactElement;
+import { Props } from "../types";
+export declare const Delete: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/Delete.js

@@ -5,6 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Delete = void 0;
 const react_1 = __importDefault(require("react"));
-exports.Delete = () => (react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
+exports.Delete = ({ className, onClick, style }) => (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
     react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
         react_1.default.createElement("path", { d: "M14,6 L14,14 C14,15.1 13.1,16 12,16 L12,16 L4,16 C2.9,16 2,15.1 2,14 L2,14 L2,6 L14,6 Z M11,0 C11.6,0 12,0.4 12,1 L12,1 L12,3 L16,3 L16,5 L0,5 L0,3 L4,3 L4,1 C4,0.4 4.4,0 5,0 L5,0 Z M10,2 L6,2 L6,3 L10,3 L10,2 Z", fill: "currentColor", fillRule: "nonzero" }))));

package/lib/icons/Duplicate.d.ts

@@ -1,2 +1,3 @@
 import { ReactElement } from "react";
-export declare const Duplicate: () => ReactElement;
+import { Props } from "../types";
+export declare const Duplicate: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/Duplicate.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Duplicate = void 0;
 const react_1 = __importDefault(require("react"));
-exports.Duplicate = () => (react_1.default.createElement("svg", { width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 16 16" },
+exports.Duplicate = ({ className, onClick, style }) => (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 16 16" },
     react_1.default.createElement("g", null,
         react_1.default.createElement("g", { transform: "matrix(-1 0 0 1 14 0)", fillRule: "nonzero", fill: "currentColor", stroke: "none", strokeWidth: "1" },
             react_1.default.createElement("path", { d: "M9 4H1c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h8c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1z" }),

package/lib/icons/Heart.d.ts

@@ -1,2 +1,3 @@
 import { ReactElement } from "react";
-export declare const Heart: () => ReactElement;
+import { Props } from "../types";
+export declare const Heart: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/Heart.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Heart = void 0;
 const react_1 = __importDefault(require("react"));
-exports.Heart = () => (react_1.default.createElement("svg", { width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 16 16" },
+exports.Heart = ({ className, onClick, style }) => (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 16 16" },
     react_1.default.createElement("g", { fill: "currentColor", fillRule: "nonzero", transform: "translate(-86 -419)" },
         react_1.default.createElement("g", { transform: "translate(47)" },
             react_1.default.createElement("g", { transform: "translate(0 78)" },

package/lib/icons/MediaImage.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { Props } from "../types";
+export declare const MediaImage: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/MediaImage.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaImage = void 0;
+const react_1 = __importDefault(require("react"));
+exports.MediaImage = ({ className, onClick, style }) => (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, viewBox: "0 0 16 16", width: "1em", height: "1em" },
+    react_1.default.createElement("g", { stroke: "none", fill: "none", strokeWidth: "1", fillRule: "evenodd" },
+        react_1.default.createElement("path", { d: "M5.2,2 C6.04,2 6.6,2.6 6.6,3.5 C6.6,4.4 6.04,5 5.2,5 C4.36,5 3.8,4.4 3.8,3.5 C3.8,2.6 4.36,2 5.2,2 Z M1,14 L3.8,8 L6.6,11 L10.8,5 L15,14 L1,14 Z", fill: "currentColor", fillRule: "nonzero" }))));

package/lib/icons/MediaMap.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { Props } from "../types";
+export declare const MediaMap: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/MediaMap.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaMap = void 0;
+const react_1 = __importDefault(require("react"));
+exports.MediaMap = ({ className, onClick, style }) => (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, viewBox: "0 0 16 16", width: "1em", height: "1em" },
+    react_1.default.createElement("g", { stroke: "none", fill: "none", strokeWidth: "1", fillRule: "evenodd" },
+        react_1.default.createElement("path", { d: "M7,12 C7.55228475,12.5522847 8.44771525,12.5522847 9,12 L9,14 C9,14.5522847 8.55228475,15 8,15 C7.44771525,15 7,14.5522847 7,14 L7,12 Z M8,11 C5.51471863,11 3.5,8.98528137 3.5,6.5 C3.5,4.01471863 5.51471863,2 8,2 C10.4852814,2 12.5,4.01471863 12.5,6.5 C12.5,8.98528137 10.4852814,11 8,11 Z", fill: "currentColor", fillRule: "nonzero" }))));

package/lib/icons/MediaVideo.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { Props } from "../types";
+export declare const MediaVideo: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/MediaVideo.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaVideo = void 0;
+const react_1 = __importDefault(require("react"));
+exports.MediaVideo = ({ className, onClick, style }) => (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, viewBox: "0 0 16 16", width: "1em", height: "1em" },
+    react_1.default.createElement("g", { stroke: "none", fill: "none", strokeWidth: "1", fillRule: "evenodd" },
+        react_1.default.createElement("path", { d: "M11,6.5 C11,6.01538462 10.65,5.69230769 10.125,5.69230769 L8,5.69230769 L8,2.80769231 C8,2.32307692 7.65,2 7.125,2 L3,2 L3,3.84615385 L6,3.84615385 L6,5.69230769 L1.875,5.69230769 C1.35,5.69230769 1,6.01538462 1,6.5 L1,13.1923077 C1,13.6769231 1.35,14 1.875,14 L10.125,14 C10.65,14 11,13.6769231 11,13.1923077 L11,11.5769231 L15,13.1923077 L15,6.5 L11,8.11538462 L11,6.5 Z", fill: "currentColor", fillRule: "nonzero" }))));

package/lib/icons/MinistryBrandsEventCalendar.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { ReactElement } from "react";
 import { Props } from "../types";
-export declare const MinistryBrandsEventCalendar: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export declare const MinistryBrandsEventCalendar: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/MinistryBrandsEventCalendar.js

@@ -1,29 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MinistryBrandsEventCalendar = void 0;
-const react_1 = __importStar(require("react"));
-exports.MinistryBrandsEventCalendar = react_1.forwardRef((props, ref) => {
-    const { className, onClick, style } = props !== null && props !== void 0 ? props : {};
-    return (react_1.default.createElement("svg", { ref: ref, className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
+const react_1 = __importDefault(require("react"));
+exports.MinistryBrandsEventCalendar = ({ className, onClick, style }) => {
+    return (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
         react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "currentColor", fillRule: "evenodd" },
             react_1.default.createElement("path", { d: "M16,3.5 L16,14.5 C16,15.3284505 15.2325149,16 14.2857143,16 L1.71428571,16 C0.767485119,16 0,15.3284505 0,14.5 L0,3.5 C0,2.67154948 0.767485119,2 1.71428571,2 L3.42857143,2 L3.42857143,0.375 C3.42857143,0.16796875 3.62053571,0 3.85714286,0 L5.28571429,0 C5.52232143,0 5.71428571,0.16796875 5.71428571,0.375 L5.71428571,2 L10.2857143,2 L10.2857143,0.375 C10.2857143,0.16796875 10.4776786,0 10.7142857,0 L12.1428571,0 C12.3794643,0 12.5714286,0.16796875 12.5714286,0.375 L12.5714286,2 L14.2857143,2 C15.2325149,2 16,2.67154948 16,3.5 Z M14,13.8223684 L14,5 L2,5 L2,13.8223684 C2,13.9204359 2.09161932,14 2.20454545,14 L13.7954545,14 C13.9083807,14 14,13.9204359 14,13.8223684 Z", fill: "currentColor", fillRule: "nonzero" }))));
-});
+};

package/lib/icons/MinistryBrandsEventDetail.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { ReactElement } from "react";
 import { Props } from "../types";
-export declare const MinistryBrandsEventDetail: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export declare const MinistryBrandsEventDetail: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/MinistryBrandsEventDetail.js

@@ -1,29 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MinistryBrandsEventDetail = void 0;
-const react_1 = __importStar(require("react"));
-exports.MinistryBrandsEventDetail = react_1.forwardRef((props, ref) => {
-    const { className, onClick, style } = props !== null && props !== void 0 ? props : {};
-    return (react_1.default.createElement("svg", { ref: ref, className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
+const react_1 = __importDefault(require("react"));
+exports.MinistryBrandsEventDetail = ({ className, onClick, style }) => {
+    return (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
         react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "currentColor", fillRule: "evenodd" },
             react_1.default.createElement("path", { d: "M5.28571429,0 C5.52232143,0 5.71428571,0.16796875 5.71428571,0.375 L5.71428571,2 L10.2857143,2 L10.2857143,0.375 C10.2857143,0.16796875 10.4776786,0 10.7142857,0 L12.1428571,0 C12.3794643,0 12.5714286,0.16796875 12.5714286,0.375 L12.5714286,2 L14.2857143,2 C15.2325149,2 16,2.67154948 16,3.5 L16,14.5 C16,15.3284505 15.2325149,16 14.2857143,16 L1.71428571,16 C0.767485119,16 0,15.3284505 0,14.5 L0,3.5 C0,2.67154948 0.767485119,2 1.71428571,2 L3.42857143,2 L3.42857143,0.375 C3.42857143,0.16796875 3.62053571,0 3.85714286,0 L5.28571429,0 Z M14,5 L2,5 L2,13.8223684 C2,13.9204359 2.09161932,14 2.20454545,14 L13.7954545,14 C13.9083807,14 14,13.9204359 14,13.8223684 L14,5 Z M11.0345578,10.2164131 C11.27796,10.2164131 11.4752765,10.4137296 11.4752765,10.6571318 L11.4752765,11.5384982 C11.4752765,11.7819003 11.27796,11.9792168 11.0345578,11.9792168 L7.55931682,11.9792168 C7.31591464,11.9792168 7.11859819,11.7819003 7.11859819,11.5384982 L7.11859819,10.6571318 C7.11859819,10.4137296 7.31591464,10.2164131 7.55931682,10.2164131 L11.0345578,10.2164131 Z M5.82164312,10.2164132 C6.05114685,10.2164132 6.23719637,10.4024627 6.23719637,10.6319664 L6.23719637,11.5636635 C6.23719637,11.7931673 6.05114685,11.9792168 5.82164312,11.9792168 L4.94027679,11.9792168 C4.71077307,11.9792168 4.52472354,11.7931673 4.52472354,11.5636635 L4.52472354,10.6319664 C4.52472354,10.4024627 4.71077307,10.2164132 4.94027679,10.2164132 L5.82164312,10.2164132 Z M11.0345578,7.11129742 C11.27796,7.11129742 11.4752765,7.30861388 11.4752765,7.55201605 L11.4752765,8.43338244 C11.4752765,8.67678461 11.27796,8.87410106 11.0345578,8.87410106 L7.55931681,8.87410106 C7.31591464,8.87410106 7.11859819,8.67678461 7.11859819,8.43338244 L7.11859819,7.55201605 C7.11859819,7.30861388 7.31591464,7.11129742 7.55931681,7.11129742 L11.0345578,7.11129742 Z M5.82164312,7.11129743 C6.05114684,7.11129743 6.23719637,7.29734695 6.23719637,7.52685068 L6.23719637,8.45854781 C6.23719637,8.68805154 6.05114684,8.87410106 5.82164312,8.87410106 L4.94027679,8.87410106 C4.71077307,8.87410106 4.52472354,8.68805154 4.52472354,8.45854781 L4.52472354,7.52685068 C4.52472354,7.29734695 4.71077307,7.11129743 4.94027679,7.11129743 L5.82164312,7.11129743 Z", fill: "currentColor", fillRule: "nonzero" }))));
-});
+};

package/lib/icons/MinistryBrandsEventFeatured.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { ReactElement } from "react";
 import { Props } from "../types";
-export declare const MinistryBrandsEventFeatured: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export declare const MinistryBrandsEventFeatured: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/MinistryBrandsEventFeatured.js

@@ -1,29 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MinistryBrandsEventFeatured = void 0;
-const react_1 = __importStar(require("react"));
-exports.MinistryBrandsEventFeatured = react_1.forwardRef((props, ref) => {
-    const { className, onClick, style } = props !== null && props !== void 0 ? props : {};
-    return (react_1.default.createElement("svg", { ref: ref, className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
+const react_1 = __importDefault(require("react"));
+exports.MinistryBrandsEventFeatured = ({ className, onClick, style }) => {
+    return (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
         react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "currentColor", fillRule: "evenodd" },
             react_1.default.createElement("path", { d: "M5.28571429,0 C5.52232143,0 5.71428571,0.16796875 5.71428571,0.375 L5.71428571,2 L10.2857143,2 L10.2857143,0.375 C10.2857143,0.16796875 10.4776786,0 10.7142857,0 L12.1428571,0 C12.3794643,0 12.5714286,0.16796875 12.5714286,0.375 L12.5714286,2 L14.2857143,2 C15.2325149,2 16,2.67154948 16,3.5 L16,14.5 C16,15.3284505 15.2325149,16 14.2857143,16 L1.71428571,16 C0.767485119,16 0,15.3284505 0,14.5 L0,3.5 C0,2.67154948 0.767485119,2 1.71428571,2 L3.42857143,2 L3.42857143,0.375 C3.42857143,0.16796875 3.62053571,0 3.85714286,0 L5.28571429,0 Z M14,5 L2,5 L2,13.8223684 C2,13.9204359 2.09161932,14 2.20454545,14 L13.7954545,14 C13.9083807,14 14,13.9204359 14,13.8223684 L14,5 Z M8.32184261,6.69136391 L9.05419517,8.11339755 L10.6927304,8.34219839 C10.9865359,8.38303571 11.1042917,8.72998506 10.8912097,8.92868937 L9.70582423,10.034989 L9.98619529,11.5977715 C10.0366621,11.8801644 9.72591749,12.0907283 9.46575652,11.9597132 L8,11.2218445 L6.53424348,11.9597132 C6.27408251,12.0918471 5.96333792,11.8801644 6.01380471,11.5977715 L6.29417577,10.034989 L5.1087903,8.92868937 C4.8957083,8.72998506 5.01346415,8.38303571 5.30726965,8.34219839 L6.94580483,8.11339755 L7.67815739,6.69136391 C7.81051589,6.4345923 8.19065232,6.43783691 8.32184261,6.69136391 Z", fill: "currentColor", fillRule: "nonzero" }))));
-});
+};

package/lib/icons/MinistryBrandsEventLayout.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { ReactElement } from "react";
 import { Props } from "../types";
-export declare const MinistryBrandsEventLayout: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export declare const MinistryBrandsEventLayout: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/MinistryBrandsEventLayout.js

@@ -1,29 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MinistryBrandsEventLayout = void 0;
-const react_1 = __importStar(require("react"));
-exports.MinistryBrandsEventLayout = react_1.forwardRef((props, ref) => {
-    const { className, onClick, style } = props !== null && props !== void 0 ? props : {};
-    return (react_1.default.createElement("svg", { ref: ref, className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
+const react_1 = __importDefault(require("react"));
+exports.MinistryBrandsEventLayout = ({ className, onClick, style }) => {
+    return (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
         react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "currentColor", fillRule: "evenodd" },
             react_1.default.createElement("path", { d: "M5.28571429,0 C5.52232143,0 5.71428571,0.16796875 5.71428571,0.375 L5.71428571,2 L10.2857143,2 L10.2857143,0.375 C10.2857143,0.16796875 10.4776786,0 10.7142857,0 L12.1428571,0 C12.3794643,0 12.5714286,0.16796875 12.5714286,0.375 L12.5714286,2 L14.2857143,2 C15.2325149,2 16,2.67154948 16,3.5 L16,14.5 C16,15.3284505 15.2325149,16 14.2857143,16 L1.71428571,16 C0.767485119,16 0,15.3284505 0,14.5 L0,3.5 C0,2.67154948 0.767485119,2 1.71428571,2 L3.42857143,2 L3.42857143,0.375 C3.42857143,0.16796875 3.62053571,0 3.85714286,0 L5.28571429,0 Z M14,5 L2,5 L2,13.8223684 C2,13.9204359 2.09161932,14 2.20454545,14 L13.7954545,14 C13.9083807,14 14,13.9204359 14,13.8223684 L14,5 Z M5.5,10 C5.77604167,10 6,10.2239583 6,10.5 L6,11.5 C6,11.7760417 5.77604167,12 5.5,12 L4.5,12 C4.22395833,12 4,11.7760417 4,11.5 L4,10.5 C4,10.2239583 4.22395833,10 4.5,10 L5.5,10 Z M11,10 C11.5522847,10 12,10.4477153 12,11 C12,11.5522847 11.5522847,12 11,12 L8,12 C7.44771525,12 7,11.5522847 7,11 C7,10.4477153 7.44771525,10 8,10 L11,10 Z M11.5,7 C11.7760417,7 12,7.22395833 12,7.5 L12,8.5 C12,8.77604167 11.7760417,9 11.5,9 L10.5,9 C10.2239583,9 10,8.77604167 10,8.5 L10,7.5 C10,7.22395833 10.2239583,7 10.5,7 Z M8,7 C8.55228475,7 9,7.44771525 9,8 C9,8.55228475 8.55228475,9 8,9 L5,9 C4.44771525,9 4,8.55228475 4,8 C4,7.44771525 4.44771525,7 5,7 L8,7 Z", fill: "currentColor", fillRule: "nonzero" }))));
-});
+};

package/lib/icons/MinistryBrandsEventList.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { ReactElement } from "react";
 import { Props } from "../types";
-export declare const MinistryBrandsEventList: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export declare const MinistryBrandsEventList: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/MinistryBrandsEventList.js

@@ -1,29 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MinistryBrandsEventList = void 0;
-const react_1 = __importStar(require("react"));
-exports.MinistryBrandsEventList = react_1.forwardRef((props, ref) => {
-    const { className, onClick, style } = props !== null && props !== void 0 ? props : {};
-    return (react_1.default.createElement("svg", { ref: ref, className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
+const react_1 = __importDefault(require("react"));
+exports.MinistryBrandsEventList = ({ className, onClick, style }) => {
+    return (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
         react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "currentColor", fillRule: "evenodd" },
             react_1.default.createElement("path", { d: "M5.28571429,0 C5.52232143,0 5.71428571,0.16796875 5.71428571,0.375 L5.71428571,2 L10.2857143,2 L10.2857143,0.375 C10.2857143,0.16796875 10.4776786,0 10.7142857,0 L12.1428571,0 C12.3794643,0 12.5714286,0.16796875 12.5714286,0.375 L12.5714286,2 L14.2857143,2 C15.2325149,2 16,2.67154948 16,3.5 L16,14.5 C16,15.3284505 15.2325149,16 14.2857143,16 L1.71428571,16 C0.767485119,16 0,15.3284505 0,14.5 L0,3.5 C0,2.67154948 0.767485119,2 1.71428571,2 L3.42857143,2 L3.42857143,0.375 C3.42857143,0.16796875 3.62053571,0 3.85714286,0 L5.28571429,0 Z M14,5 L2,5 L2,13.8223684 C2,13.9204359 2.09161932,14 2.20454545,14 L13.7954545,14 C13.9083807,14 14,13.9204359 14,13.8223684 L14,5 Z M10.560377,10 C10.8031741,10 11,10.1968259 11,10.439623 L11,11.560377 C11,11.8031741 10.8031741,12 10.560377,12 L5.43962297,12 C5.19682591,12 5,11.8031741 5,11.560377 L5,10.439623 C5,10.1968259 5.19682591,10 5.43962297,10 L10.560377,10 Z M10.560377,7 C10.8031741,7 11,7.19682591 11,7.43962297 L11,8.56037703 C11,8.80317409 10.8031741,9 10.560377,9 L5.43962297,9 C5.19682591,9 5,8.80317409 5,8.56037703 L5,7.43962297 C5,7.19682591 5.19682591,7 5.43962297,7 L10.560377,7 Z", fill: "currentColor", fillRule: "nonzero" }))));
-});
+};

package/lib/icons/MinistryBrandsGroupDetail.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { ReactElement } from "react";
 import { Props } from "../types";
-export declare const MinistryBrandsGroupDetail: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export declare const MinistryBrandsGroupDetail: ({ className, onClick, style }: Props) => ReactElement;

package/lib/icons/MinistryBrandsGroupDetail.js

@@ -1,29 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MinistryBrandsGroupDetail = void 0;
-const react_1 = __importStar(require("react"));
-exports.MinistryBrandsGroupDetail = react_1.forwardRef((props, ref) => {
-    const { className, onClick, style } = props !== null && props !== void 0 ? props : {};
-    return (react_1.default.createElement("svg", { ref: ref, className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
+const react_1 = __importDefault(require("react"));
+exports.MinistryBrandsGroupDetail = ({ className, onClick, style }) => {
+    return (react_1.default.createElement("svg", { className: className, style: style, onClick: onClick, width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" },
         react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "currentColor", fillRule: "evenodd" },
             react_1.default.createElement("path", { d: "M7.03289992,13.9794114 L7.03289992,8.99889217 C6.61484675,9.12285784 6.17660027,9.19865195 5.71816045,9.19865195 C4.97661895,9.19865195 4.28336754,9.01782094 3.65358086,8.71642275 L3.40331801,8.71642275 C1.48661202,8.71642275 -0.0687875933,10.2717828 -0.0687875933,12.1885284 L-0.0687875933,13.0566041 C-0.0687875933,13.8553271 0.579256063,14.5033708 1.37797906,14.5033708 L7.33331018,14.5033708 C7.15674703,14.391616 7.03289992,14.2038299 7.03289992,13.9794114 Z M6.25889784,7.70830537 C8.0991678,7.40966981 9.34890942,5.67574429 9.05027387,3.83547433 C8.75163831,1.99520436 7.01771279,0.745462748 5.17744283,1.0440983 C3.33717286,1.34273386 2.08743125,3.07665937 2.3860668,4.91692934 C2.68470236,6.7571993 4.41862787,8.00694092 6.25889784,7.70830537 Z M9.7705376,8.35065093 L8.79940077,8.35065093 C8.56775055,8.35065093 8.38411382,8.5254358 8.35360649,8.74874787 C8.35080076,8.7691783 8.3415142,8.78731673 8.3415142,8.8085375 L8.3415142,9.83511705 C8.3415142,10.087988 8.54652978,10.2930036 8.79940077,10.2930036 L9.7705376,10.2930036 C10.0234086,10.2930036 10.2284242,10.087988 10.2284242,9.83511705 L10.2284242,8.8085375 C10.2284242,8.55566651 10.0234086,8.35065093 9.7705376,8.35065093 L9.7705376,8.35065093 Z M8.70913846,11.7720559 L9.86079992,11.7720559 C10.0638332,11.7720559 10.2284242,11.9366469 10.2284242,12.1396801 L10.2284242,13.3467843 C10.2284242,13.5498176 10.0638332,13.7144086 9.86079992,13.7144086 L8.70913846,13.7144086 C8.50610519,13.7144086 8.3415142,13.5498176 8.3415142,13.3467843 L8.3415142,12.1396801 C8.3415142,11.9366469 8.50610519,11.7720559 8.70913846,11.7720559 Z M11.589531,8.35065093 L15.6100695,8.35065093 C15.8254222,8.35065093 16,8.52522874 16,8.74058139 L16,9.90307316 C16,10.1184258 15.8254222,10.2930036 15.6100695,10.2930036 L11.589531,10.2930036 C11.3741783,10.2930036 11.1996005,10.1184258 11.1996005,9.90307316 L11.1996005,8.74058139 C11.1996005,8.52522874 11.3741783,8.35065093 11.589531,8.35065093 Z M15.5144118,11.7720559 L11.6851887,11.7720559 C11.6062727,11.7720559 11.5347069,11.7952525 11.4688317,11.8286446 C11.3108416,11.9087856 11.1996005,12.0683563 11.1996005,12.2576441 L11.1996005,13.2287809 C11.1996005,13.3859806 11.2791883,13.5192723 11.3950134,13.6080281 C11.4767746,13.6707025 11.5741847,13.7144086 11.6851887,13.7144086 L15.5144118,13.7144086 C15.7826155,13.7144086 16,13.4969846 16,13.2287809 L16,12.2576441 C16,11.9894404 15.7826155,11.7720559 15.5144118,11.7720559 L15.5144118,11.7720559 Z", fill: "currentColor", fillRule: "nonzero" }))));
-});
+};

package/lib/icons/MinistryBrandsGroupFeatured.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { ReactElement } from "react";
 import { Props } from "../types";
-export declare const MinistryBrandsGroupFeatured: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export declare const MinistryBrandsGroupFeatured: ({ className, onClick, style }: Props) => ReactElement;