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/utils/hooks/use-attributes.tsx b/src/utils/hooks/use-attributes.tsx
index 35161ed..20e9947 100644
--- a/src/utils/hooks/use-attributes.tsx
+++ b/src/utils/hooks/use-attributes.tsx
@@ -1,5 +1,5 @@
 import { useCallback, useEffect } from 'react';
-import { fromKebabCaseToCamelCase } from '../helpers/strings';
+import { fromKebabCaseToCamelCase } from '../helpers';
 
 export type useAttributesProps = {
   /**
@@ -25,7 +25,7 @@ export type useAttributesProps = {
  *
  * @param props - An object with element, attribute name and value.
  */
-const useAttributes = ({
+export const useAttributes = ({
   element,
   elements,
   attribute,
@@ -48,5 +48,3 @@ const useAttributes = ({
     if (elements && elements.length > 0) elements.forEach(setAttribute);
   }, [element, elements, setAttribute]);
 };
-
-export default useAttributes;