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

diff --git a/src/components/molecules/images/flipping-logo.tsx b/src/components/molecules/images/flipping-logo.tsx
index a739b30..64e69ca 100644
--- a/src/components/molecules/images/flipping-logo.tsx
+++ b/src/components/molecules/images/flipping-logo.tsx
@@ -1,6 +1,6 @@
 import Image, { type ImageProps } from 'next/image';
 import { ForwardedRef, forwardRef, ForwardRefRenderFunction } from 'react';
-import Logo, { type LogoProps } from '../../atoms/images/logo';
+import { Logo, type LogoProps } from '../../atoms';
 import styles from './flipping-logo.module.scss';
 
 export type FlippingLogoProps = {
@@ -22,12 +22,7 @@ export type FlippingLogoProps = {
   photo: ImageProps['src'];
 };
 
-/**
- * FlippingLogo component
- *
- * Render a logo and a photo with a flipping effect.
- */
-const FlippingLogo: ForwardRefRenderFunction<
+const FlippingLogoWithRef: ForwardRefRenderFunction<
   HTMLDivElement,
   FlippingLogoProps
 > = (
@@ -38,12 +33,12 @@ const FlippingLogo: ForwardRefRenderFunction<
     <div className={`${styles.logo} ${className}`} ref={ref}>
       <div className={styles.logo__front}>
         <Image
-          src={photo}
+          {...props}
           alt={altText}
-          style={{ objectFit: 'cover' }}
           height="100"
+          src={photo}
+          style={{ objectFit: 'cover' }}
           width="100"
-          {...props}
         />
       </div>
       <div className={styles.logo__back}>
@@ -53,4 +48,9 @@ const FlippingLogo: ForwardRefRenderFunction<
   );
 };
 
-export default forwardRef(FlippingLogo);
+/**
+ * FlippingLogo component
+ *
+ * Render a logo and a photo with a flipping effect.
+ */
+export const FlippingLogo = forwardRef(FlippingLogoWithRef);