feat(components/base): create <Icon />

src/app/components/base/Icon/Icon.js

@@ -0,0 +1,19 @@
+// @flow strict
+import React from 'react';
+
+import './Icon.scss';
+
+type PropsType = {
+  name: string,
+  selected?: string,
+};
+
+const Icon = ({ name, selected }: PropsType) => (
+  <imgx
+    alt="icon"
+    className="icon"
+    src={`assets/svg/icons/${name}${selected ? '-selected' : ''}.svg`}
+  />
+);
+
+export default Icon;

src/app/components/base/Icon/Icon.scss

@@ -0,0 +1,7 @@
+@import '~styles/functions/px-to-rem';
+@import '~styles/mixins';
+@import '~styles/variables';
+
+.icon {
+
+}

src/app/components/base/Icon/Icon.test.js

@@ -0,0 +1,15 @@
+// @flow strict
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import Icon from './Icon';
+
+describe('Icon', () => {
+  // const defaultProps = {};
+
+  it('should have "name" and "selected" equal to undefined', () => {
+    const wrap = shallow(<Icon />);
+    expect(wrap.prop('name')).toEqual(undefined);
+    expect(wrap.prop('selected')).toEqual(undefined);
+  });
+});