Merge pull request #38 from LeleDallas/refactor/Resume&Project

refactor: resume, project
LeleDallas · Sep 22, 2023 · 6f2a3d0 · 6f2a3d0
2 parents 859ffe3 + 4fa1841
commit 6f2a3d0
Show file tree

Hide file tree

Showing 71 changed files with 355 additions and 208 deletions.
diff --git a/.gitignore b/.gitignore
@@ -22,4 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-*.pdf
+
diff --git a/iconfont.json b/iconfont.json
@@ -1,5 +1,5 @@
 {
-    "symbol_url": "//at.alicdn.com/t/c/font_3683170_pp2awan9es.js",
+    "symbol_url": "//at.alicdn.com/t/c/font_3683170_8n8erm5150n.js",
     "use_typescript": true,
     "save_dir": "./src/components/iconfont",
     "trim_icon_prefix": "icon",

diff --git a/public/assets/ResumeDallAra2023.pdf b/public/assets/ResumeDallAra2023.pdf
diff --git a/public/assets/mobileDER.png b/public/assets/mobileDER.png
diff --git a/src/components/iconfont/IconAApplestore.tsx b/src/components/iconfont/IconAApplestore.tsx
@@ -0,0 +1,33 @@
+/* tslint:disable */
+/* eslint-disable */
+
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import { getIconColor } from './helper';
+
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
+  size?: number;
+  color?: string | string[];
+}
+
+const DEFAULT_STYLE: CSSProperties = {
+  display: 'block',
+};
+
+const IconAApplestore: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
+  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
+
+  return (
+    <svg viewBox="0 0 1024 1024" width={size + 'px'} height={size + 'px'} style={style} {...rest}>
+      <path
+        d="M512 28.452571A483.547429 483.547429 0 1 1 512 995.474286 483.547429 483.547429 0 0 1 512 28.452571zM512 125.074286A386.852571 386.852571 0 1 0 512 898.925714 386.852571 386.852571 0 0 0 512 125.074286z m-153.6 548.571428l-38.253714 66.194286a39.862857 39.862857 0 1 1-69.046857-39.789714l28.525714-49.078857c31.890286-9.947429 58.075429-2.340571 78.774857 22.674285z m212.114286-323.291428l117.174857 202.898285h103.497143a39.643429 39.643429 0 0 1 28.233143 67.876572 39.716571 39.716571 0 0 1-28.233143 11.702857h-57.563429l38.838857 67.218286a39.862857 39.862857 0 0 1-68.973714 39.789714l-147.017143-254.683429c-33.353143-57.490286-9.508571-115.2 14.043429-134.729142z m13.458285-147.163429c19.017143 10.971429 25.526857 35.328 14.628572 54.418286L427.885714 553.106286h123.465143c39.936 0 62.390857 47.030857 44.982857 79.506285H234.788571a39.643429 39.643429 0 0 1-28.086857-67.876571 39.643429 39.643429 0 0 1 28.086857-11.702857h101.449143L465.92 328.192l-40.521143-70.436571a39.862857 39.862857 0 0 1 68.973714-39.789715l17.334858 30.646857 17.773714-30.646857a39.789714 39.789714 0 0 1 54.418286-14.628571z"
+        fill={getIconColor(color, 0, '#333333')}
+      />
+    </svg>
+  );
+};
+
+IconAApplestore.defaultProps = {
+  size: 18,
+};
+
+export default IconAApplestore;
diff --git a/src/components/iconfont/IconBaocun.tsx b/src/components/iconfont/IconBaocun.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconBianji.tsx b/src/components/iconfont/IconBianji.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconBianxie.tsx b/src/components/iconfont/IconBianxie.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconBiaoqian.tsx b/src/components/iconfont/IconBiaoqian.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconClose.tsx b/src/components/iconfont/IconClose.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconClose1.tsx b/src/components/iconfont/IconClose1.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconDayin.tsx b/src/components/iconfont/IconDayin.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconDianpu.tsx b/src/components/iconfont/IconDianpu.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconDingdan.tsx b/src/components/iconfont/IconDingdan.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconDingwei.tsx b/src/components/iconfont/IconDingwei.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconEducation.tsx b/src/components/iconfont/IconEducation.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconEducationAndDevelopment.tsx b/src/components/iconfont/IconEducationAndDevelopment.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconErji.tsx b/src/components/iconfont/IconErji.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconFaxian.tsx b/src/components/iconfont/IconFaxian.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconFenlei.tsx b/src/components/iconfont/IconFenlei.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconFukuan.tsx b/src/components/iconfont/IconFukuan.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconFuzhi.tsx b/src/components/iconfont/IconFuzhi.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconGaishuai.tsx b/src/components/iconfont/IconGaishuai.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconGithub.tsx b/src/components/iconfont/IconGithub.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconIcexperience.tsx b/src/components/iconfont/IconIcexperience.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconIconSee.tsx b/src/components/iconfont/IconIconSee.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconLeetcode.tsx b/src/components/iconfont/IconLeetcode.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconLeetcode1.tsx b/src/components/iconfont/IconLeetcode1.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconLiaotian.tsx b/src/components/iconfont/IconLiaotian.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconLinkedin.tsx b/src/components/iconfont/IconLinkedin.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconLinkedinFill.tsx b/src/components/iconfont/IconLinkedinFill.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconLipin.tsx b/src/components/iconfont/IconLipin.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconMail.tsx b/src/components/iconfont/IconMail.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconNaozhong.tsx b/src/components/iconfont/IconNaozhong.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconPaizhao.tsx b/src/components/iconfont/IconPaizhao.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconPhoneiphone.tsx b/src/components/iconfont/IconPhoneiphone.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {

diff --git a/src/components/iconfont/IconPlayStore.tsx b/src/components/iconfont/IconPlayStore.tsx
@@ -0,0 +1,57 @@
+/* tslint:disable */
+/* eslint-disable */
+
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import { getIconColor } from './helper';
+
+interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
+  size?: number;
+  color?: string | string[];
+}
+
+const DEFAULT_STYLE: CSSProperties = {
+  display: 'block',
+};
+
+const IconPlayStore: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
+  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
+
+  return (
+    <svg viewBox="0 0 1024 1024" width={size + 'px'} height={size + 'px'} style={style} {...rest}>
+      <path
+        d="M972.8 989.866667h-921.6C23.893333 989.866667 0 965.973333 0 938.666667v-750.933334c0-10.24 6.826667-17.066667 17.066667-17.066666h989.866666c10.24 0 17.066667 6.826667 17.066667 17.066666v750.933334c0 27.306667-23.893333 51.2-51.2 51.2zM34.133333 204.8v733.866667c0 10.24 6.826667 17.066667 17.066667 17.066666h921.6c10.24 0 17.066667-6.826667 17.066667-17.066666V204.8H34.133333z"
+        fill={getIconColor(color, 0, '#333333')}
+      />
+      <path
+        d="M354.986667 853.333333c-6.826667 0-17.066667-3.413333-23.893334-6.826666-13.653333-10.24-23.893333-23.893333-23.893333-40.96V389.12c0-17.066667 10.24-34.133333 23.893333-40.96 13.653333-10.24 34.133333-10.24 47.786667 0l378.88 201.386667c17.066667 10.24 23.893333 23.893333 23.893333 44.373333s-10.24 34.133333-23.893333 44.373333L375.466667 849.92c-3.413333 0-10.24 3.413333-20.48 3.413333z m0-477.866666c-3.413333 0-6.826667 0-6.826667 3.413333-3.413333 0-6.826667 6.826667-6.826667 13.653333v413.013334c0 6.826667 6.826667 10.24 6.826667 13.653333 3.413333 0 6.826667 3.413333 13.653333 0l382.293334-211.626667c6.826667-3.413333 6.826667-10.24 6.826666-13.653333s0-10.24-6.826666-13.653333l-378.88-201.386667c-3.413333-3.413333-6.826667-3.413333-10.24-3.413333z"
+        fill={getIconColor(color, 1, '#333333')}
+      />
+      <path
+        d="M648.533333 682.666667c-3.413333 0-6.826667 0-10.24-3.413334l-307.2-290.133333c-6.826667-6.826667-6.826667-17.066667 0-23.893333 6.826667-6.826667 17.066667-6.826667 23.893334 0l307.2 290.133333c6.826667 6.826667 6.826667 17.066667 0 23.893333-3.413333 0-10.24 3.413333-13.653334 3.413334z"
+        fill={getIconColor(color, 2, '#333333')}
+      />
+      <path
+        d="M358.4 836.266667c-3.413333 0-6.826667 0-10.24-3.413334-6.826667-6.826667-6.826667-17.066667 0-23.893333l290.133333-307.2c6.826667-6.826667 17.066667-6.826667 23.893334 0 6.826667 6.826667 6.826667 17.066667 0 23.893333l-290.133334 307.2c-3.413333 0-10.24 3.413333-13.653333 3.413334zM768 204.8c-10.24 0-17.066667-6.826667-17.066667-17.066667V112.64L679.253333 68.266667h-331.093333L273.066667 112.64v75.093333c0 10.24-6.826667 17.066667-17.066667 17.066667S238.933333 197.973333 238.933333 187.733333V102.4c0-6.826667 3.413333-10.24 6.826667-13.653333l85.333333-51.2c3.413333-3.413333 6.826667-3.413333 10.24-3.413334h341.333334c3.413333 0 6.826667 0 10.24 3.413334l85.333333 51.2c3.413333 3.413333 6.826667 6.826667 6.826667 13.653333v85.333333c0 10.24-6.826667 17.066667-17.066667 17.066667z"
+        fill={getIconColor(color, 3, '#333333')}
+      />
+      <path
+        d="M358.4 204.8c-10.24 0-17.066667-6.826667-17.066667-17.066667v-136.533333c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066667 17.066667v136.533333c0 10.24-6.826667 17.066667-17.066667 17.066667z"
+        fill={getIconColor(color, 4, '#333333')}
+      />
+      <path
+        d="M665.6 204.8c-10.24 0-17.066667-6.826667-17.066667-17.066667v-136.533333c0-10.24 6.826667-17.066667 17.066667-17.066667s17.066667 6.826667 17.066667 17.066667v136.533333c0 10.24-6.826667 17.066667-17.066667 17.066667z"
+        fill={getIconColor(color, 5, '#333333')}
+      />
+      <path
+        d="M665.6 136.533333h-307.2c-10.24 0-17.066667-6.826667-17.066667-17.066666s6.826667-17.066667 17.066667-17.066667h307.2c10.24 0 17.066667 6.826667 17.066667 17.066667s-6.826667 17.066667-17.066667 17.066666z"
+        fill={getIconColor(color, 6, '#333333')}
+      />
+    </svg>
+  );
+};
+
+IconPlayStore.defaultProps = {
+  size: 18,
+};
+
+export default IconPlayStore;
diff --git a/src/components/iconfont/IconQianbao.tsx b/src/components/iconfont/IconQianbao.tsx
@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {