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, 8 deletions

diff --git a/src/components/molecules/forms/labelled-select.tsx b/src/components/molecules/forms/labelled-select.tsx
index a12956c..300ae8a 100644
--- a/src/components/molecules/forms/labelled-select.tsx
+++ b/src/components/molecules/forms/labelled-select.tsx
@@ -1,6 +1,5 @@
 import { FC } from 'react';
-import Label, { type LabelProps } from '../../atoms/forms/label';
-import Select, { type SelectProps } from '../../atoms/forms/select';
+import { Label, type LabelProps, Select, type SelectProps } from '../../atoms';
 import styles from './labelled-select.module.scss';
 
 export type LabelledSelectProps = Omit<
@@ -34,7 +33,7 @@ export type LabelledSelectProps = Omit<
  *
  * Render a select with a label.
  */
-const LabelledSelect: FC<LabelledSelectProps> = ({
+export const LabelledSelect: FC<LabelledSelectProps> = ({
   id,
   label,
   labelClassName = '',
@@ -49,21 +48,19 @@ const LabelledSelect: FC<LabelledSelectProps> = ({
   return (
     <>
       <Label
+        className={`${styles[positionModifier]} ${labelClassName}`}
         htmlFor={id}
         required={required}
         size={labelSize}
-        className={`${styles[positionModifier]} ${labelClassName}`}
       >
         {label}
       </Label>
       <Select
-        id={id}
-        required={required}
         {...props}
         className={selectClassName}
+        id={id}
+        required={required}
       />
     </>
   );
 };
-
-export default LabelledSelect;