From 733260f6637269d194f1e7d5589e2dd57f39db1a Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Tue, 6 Sep 2022 20:53:55 +0300
Subject: [PATCH] MenuToggle improved

---
 src/components/MenuToggle/index.tsx | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/components/MenuToggle/index.tsx b/src/components/MenuToggle/index.tsx
index f24df0fa..84868393 100644
--- a/src/components/MenuToggle/index.tsx
+++ b/src/components/MenuToggle/index.tsx
@@ -1,24 +1,22 @@
-import { Button } from "@/ui/Button"
+import { Button, ButtonProps } from "@/ui/Button"
 import { HamburgerMenuIcon, Cross1Icon } from "@radix-ui/react-icons"
 
-export interface IMenuToggleProps {
-    style?: React.CSSProperties
+export type MenuToggleProps = Omit<ButtonProps, "theme"> & {
     open: boolean
-    onClick: () => void
 }
 
-export const MenuToggle: React.FC<IMenuToggleProps> = props => {
+export const MenuToggle: React.FC<MenuToggleProps> = ({ open, ...props }) => {
+    const icon = open ? (
+        <Cross1Icon width={24} height={24} />
+    ) : (
+        <HamburgerMenuIcon width={24} height={24} />
+    )
     return (
         <Button
-            onClick={props.onClick}
-            style={props.style}
+            {...props}
             theme={"icon"}
         >
-            {props.open ? (
-                <Cross1Icon width={24} height={24} />
-            ) : (
-                <HamburgerMenuIcon width={24} height={24} />
-            )}
+            {icon}
         </Button>
     )
 }