feat: modals

src/components/ColorSchemeToggle/ColorSchemeToggle.tsx

@@ -1,10 +1,20 @@
 "use client";
 
 import { Button, Group, useMantineColorScheme } from "@mantine/core";
+import { modals } from "@mantine/modals";
 
 export function ColorSchemeToggle() {
     const { setColorScheme } = useMantineColorScheme();
 
+    const openTestModal = () => {
+        modals.openContextModal({
+            modal: "testModal",
+            title: "Тест",
+            withCloseButton: false,
+            innerProps: {},
+        });
+    };
+
     return (
         <Group
             justify="center"
@@ -12,6 +22,7 @@ export function ColorSchemeToggle() {
             <Button onClick={() => setColorScheme("light")}>Light</Button>
             <Button onClick={() => setColorScheme("dark")}>Dark</Button>
             <Button onClick={() => setColorScheme("auto")}>Auto</Button>
+            <Button onClick={() => openTestModal()}>Modal</Button>
         </Group>
     );
 }