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, 2 insertions, 4 deletions

diff --git a/src/components/molecules/layout/page-footer.tsx b/src/components/molecules/layout/page-footer.tsx
index 97e449f..786fca0 100644
--- a/src/components/molecules/layout/page-footer.tsx
+++ b/src/components/molecules/layout/page-footer.tsx
@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import Meta, { MetaData } from './meta';
+import { Meta, MetaData } from './meta';
 
 export type PageFooterProps = {
   /**
@@ -17,12 +17,10 @@ export type PageFooterProps = {
  *
  * Render a footer element to display page meta.
  */
-const PageFooter: FC<PageFooterProps> = ({ meta, ...props }) => {
+export const PageFooter: FC<PageFooterProps> = ({ meta, ...props }) => {
   return (
     <footer {...props}>
       {meta && <Meta data={meta} withSeparator={false} />}
     </footer>
   );
 };
-
-export default PageFooter;