refactor: version 2.0 (React)

packages/renderer/src/components/IconButton.tsx

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react'
+
+const IconButton = ({
+  children,
+  onClick,
+  disabled,
+  className,
+}: {
+  children: ReactNode
+  onClick: () => void
+  disabled?: boolean | undefined
+  className?: string
+}) => {
+  return (
+    <button
+      onClick={onClick}
+      className={classNames(
+        className,
+        'relative transform cursor-default p-2 transition duration-200',
+        !disabled &&
+          'btn-pressed-animation btn-hover-animation after:bg-black/[.06]',
+        disabled && 'opacity-30'
+      )}
+    >
+      {children}
+    </button>
+  )
+}
+
+export default IconButton