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, 5 insertions, 5 deletions

diff --git a/src/components/molecules/forms/ackee-toggle.stories.tsx b/src/components/molecules/forms/ackee-toggle.stories.tsx
index 3f3f11e..779f49d 100644
--- a/src/components/molecules/forms/ackee-toggle.stories.tsx
+++ b/src/components/molecules/forms/ackee-toggle.stories.tsx
@@ -1,5 +1,5 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-import AckeeToggleComponent from './ackee-toggle';
+import { AckeeToggle } from './ackee-toggle';
 import { storageKey } from './ackee-toggle.fixture';
 
 /**
@@ -7,7 +7,7 @@ import { storageKey } from './ackee-toggle.fixture';
  */
 export default {
   title: 'Molecules/Forms/Toggle',
-  component: AckeeToggleComponent,
+  component: AckeeToggle,
   argTypes: {
     bodyClassName: {
       control: {
@@ -109,10 +109,10 @@ export default {
       },
     },
   },
-} as ComponentMeta<typeof AckeeToggleComponent>;
+} as ComponentMeta<typeof AckeeToggle>;
 
-const Template: ComponentStory<typeof AckeeToggleComponent> = (args) => (
-  <AckeeToggleComponent {...args} />
+const Template: ComponentStory<typeof AckeeToggle> = (args) => (
+  <AckeeToggle {...args} />
 );
 
 /**