reusable buttons

client/src/common/components/buttons/PauseIconBtn.jsx

@@ -0,0 +1,14 @@
+import { IconButton } from '@chakra-ui/button';
+import { FiPause } from 'react-icons/fi';
+
+export default function PauseIconBtn(props) {
+  return (
+    <IconButton
+      icon={<FiPause />}
+      colorScheme='orange'
+      variant={props.active ? 'solid' : 'outline'}
+      onClick={props.clickHandler}
+      width={90}
+    />
+  );
+}