feat: new button switch component

examples/web/react/app.tsx

 import React, { useState } from "react";
 import ReactDOM from "react-dom/client";
 
-import { Button, Info, Pair } from "./components";
+import { Button, ButtonSwitch, Info, Pair } from "./components";
 
 import "./app.css";
 
@@ -15,7 +15,14 @@ export const App = () => {
         <Pair
             key="button"
             name={"Button"}
-            valueNode={<Button text="NEO" size={"large"} style={["simple"]} />}
+            valueNode={
+                <ButtonSwitch
+                    options={["NEO", "CLASSIC"]}
+                    size={"large"}
+                    style={["simple"]}
+                    onChange={(v) => alert(v)}
+                />
+            }
         />
     ];
     return (

examples/web/react/components/button-switch/button-switch.tsx

+import React, { FC, useState } from "react";
+import Button from "../button/button";
+
+type ButtonSwitchProps = {
+    options: string[];
+    size?: string;
+    style?: string[];
+    onClick?: () => void;
+    onChange?: (value: string, index: number) => void;
+};
+
+export const ButtonSwitch: FC<ButtonSwitchProps> = ({
+    options,
+    size = "small",
+    style = ["simple", "border"],
+    onClick,
+    onChange
+}) => {
+    const [index, setIndex] = useState(0);
+    const text = () => options[index];
+    const _onClick = () => {
+        const indexNew = (index + 1) % options.length;
+        const option = options[indexNew];
+        setIndex(indexNew);
+        if (onClick) onClick();
+        if (onChange) onChange(option, indexNew);
+    };
+    return (
+        <Button text={text()} size={size} style={style} onClick={_onClick} />
+    );
+};
+
+export default ButtonSwitch;

examples/web/react/components/index.ts

 export * from "./button/button";
+export * from "./button-switch/button-switch";
 export * from "./info/info";
 export * from "./pair/pair";