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/motion-toggle.stories.tsx b/src/components/molecules/forms/motion-toggle.stories.tsx
index 541ca8e..bb51e26 100644
--- a/src/components/molecules/forms/motion-toggle.stories.tsx
+++ b/src/components/molecules/forms/motion-toggle.stories.tsx
@@ -1,5 +1,5 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-import MotionToggleComponent from './motion-toggle';
+import { MotionToggle } from './motion-toggle';
 import { storageKey } from './motion-toggle.fixture';
 
 /**
@@ -7,7 +7,7 @@ import { storageKey } from './motion-toggle.fixture';
  */
 export default {
   title: 'Molecules/Forms/Toggle',
-  component: MotionToggleComponent,
+  component: MotionToggle,
   argTypes: {
     bodyClassName: {
       control: {
@@ -70,10 +70,10 @@ export default {
       },
     },
   },
-} as ComponentMeta<typeof MotionToggleComponent>;
+} as ComponentMeta<typeof MotionToggle>;
 
-const Template: ComponentStory<typeof MotionToggleComponent> = (args) => (
-  <MotionToggleComponent {...args} />
+const Template: ComponentStory<typeof MotionToggle> = (args) => (
+  <MotionToggle {...args} />
 );
 
 /**