♻️ improve IconsDecorator usage to be less mandatory

.storybook/preview.js

@@ -1,6 +1,6 @@
 import React from "react";
 
-import Icons from '../src/components/atoms/Icons';
+import { IconsDecorator } from '../src/components/atoms/Icons';
 import '!style-loader!css-loader!./../build/styles.css';
 
 export const parameters = {
@@ -19,13 +19,5 @@ export const parameters = {
 }
 
 export const decorators = [
-  (Story) => (
-    <>
-      <Story />{`
-      
-      `}
-      <span hidden>👇 =========================== Icons sprite =========================== 👇</span>
-      <Icons />
-    </>
-  ),
+  // IconsDecorator,
 ];

src/components/atoms/Icon/Icon.stories.tsx

@@ -1,10 +1,13 @@
 import React from 'react';
 
+import { IconsDecorator } from '../Icons';
+
 import Icon, { Props } from './Icon';
 
 export default {
   title: 'Atoms/Icon',
   component: Icon,
+  decorators: [IconsDecorator],
 };
 
 const Template = (args: Props) => <Icon {...args} />;

src/components/atoms/Icons/Icons.tsx

@@ -20,3 +20,16 @@ const Icons = (): JSX.Element => (
 );
 
 export default Icons;
+
+export const IconsDecorator = (Story: FunctionComponent): JSX.Element => (
+  <>
+    <Story />
+    {`
+      
+      `}
+    <span hidden>
+      👇 =========================== Icons sprite =========================== 👇
+    </span>
+    <Icons />
+  </>
+);

src/components/atoms/Icons/index.ts

@@ -1 +1 @@
-export { default } from './Icons';
+export { default, IconsDecorator } from './Icons';