refactor: use named export for everything except pages

Next expect a default export for pages so only those components should
use default exports. Everything else should use named exports to
reduce the number of import statements.

1 files changed, 4 insertions, 6 deletions

diff --git a/src/components/molecules/layout/code.stories.tsx b/src/components/molecules/layout/code.stories.tsx
index c3fbf22..d20cdbe 100644
--- a/src/components/molecules/layout/code.stories.tsx
+++ b/src/components/molecules/layout/code.stories.tsx
@@ -1,12 +1,12 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-import CodeComponent from './code';
+import { Code } from './code';
 
 /**
  * Code - Storybook Meta
  */
 export default {
   title: 'Molecules/Layout/Code',
-  component: CodeComponent,
+  component: Code,
   args: {
     filterOutput: false,
     outputPattern: '#output#',
@@ -82,11 +82,9 @@ export default {
       },
     },
   },
-} as ComponentMeta<typeof CodeComponent>;
+} as ComponentMeta<typeof Code>;
 
-const Template: ComponentStory<typeof CodeComponent> = (args) => (
-  <CodeComponent {...args} />
-);
+const Template: ComponentStory<typeof Code> = (args) => <Code {...args} />;
 
 const javascriptCodeSample = `
 const foo = () => {