common imports

src/components/Button/index.tsx

@@ -1,14 +1,6 @@
+import { ButtonProps } from '@/types/button.types';
 import React from 'react';
 
-interface ButtonProps {
-    type?: 'button' | 'submit' | 'reset';
-    className: string;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    children: React.ReactNode;
-    disabled?: boolean;
-    testId?: string;
-}
-
 const Button: React.FC<ButtonProps> = ({ type, className, onClick, children, disabled, testId }) => {
     return (
         <button data-testid={testId} type={type} className={className} onClick={onClick} disabled={disabled}>

src/components/ProfileIcon/ProfileIcon.tsx

@@ -1,11 +1,6 @@
+import { ProfileIconProps } from '@/types/profileIcon.types';
 import React from 'react';
 
-interface ProfileIconProps {
-    firstName: string;
-    lastName: string;
-    size: number;
-}
-
 const ProfileIcon: React.FC<ProfileIconProps> = ({ firstName, lastName, size }) => {
     const initials = (firstName[0] + lastName[0]).toUpperCase();
     const randomColor = Math.floor(Math.random() * 16777215).toString(16);

src/types/button.types.ts

@@ -0,0 +1,8 @@
+export interface ButtonProps {
+    type?: 'button' | 'submit' | 'reset';
+    className: string;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    children: React.ReactNode;
+    disabled?: boolean;
+    testId?: string;
+}

src/types/profileIcon.types.ts

@@ -0,0 +1,5 @@
+export interface ProfileIconProps {
+    firstName: string;
+    lastName: string;
+    size: number;
+}