feat(core): adds EditIconButton

Author: pavankjadda

react-kit/src/index.ts

@@ -9,6 +9,7 @@ export { LoadingSuccessButton } from './lib/components/buttons/LoadingSuccessBut
 export { ManageButton } from './lib/components/buttons/ManageButton';
 export { SuccessButton } from './lib/components/buttons/SuccessButton';
 export { ExcelButton } from './lib/components/buttons/ExcelButton';
+export { EditIconButton } from './lib/components/buttons/EditIconButton';
 
 // Export snackbar components
 export { AppSnackBar } from './lib/components/snack-bar/AppSnackBar';

react-kit/src/lib/components/buttons/EditIconButton.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { IconButton, Tooltip } from '@mui/material';
+import EditIcon from '@mui/icons-material/Edit';
+
+interface EditIconButtonProps {
+	tooltipTitle: string;
+	onClick: React.Dispatch<React.SetStateAction<boolean>>;
+	color: 'primary';
+}
+
+export function EditIconButton(props: EditIconButtonProps) {
+	return (
+		<Tooltip title={props.tooltipTitle}>
+			<IconButton sx={{ pt: 0, pb: 0 }} color={props.color} onClick={() => props.onClick(true)} aria-label={props.tooltipTitle}>
+				<EditIcon />
+			</IconButton>
+		</Tooltip>
+	);
+}