From 859c7d9cf05ef1cea843f0c6340429c946ae4630 Mon Sep 17 00:00:00 2001
From: Alexander Popoff <alexander.popoff@flysto.net>
Date: Sat, 7 Oct 2023 23:02:12 +0300
Subject: [PATCH] Implement `UseMediaQuery` showcase

---
 .../team/karakum/showcase/material/utils/UseMediaQuery.kt | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/jsMain/kotlin/team/karakum/showcase/material/utils/UseMediaQuery.kt b/src/jsMain/kotlin/team/karakum/showcase/material/utils/UseMediaQuery.kt
index 63e58fd..5b0e1e4 100644
--- a/src/jsMain/kotlin/team/karakum/showcase/material/utils/UseMediaQuery.kt
+++ b/src/jsMain/kotlin/team/karakum/showcase/material/utils/UseMediaQuery.kt
@@ -1,8 +1,14 @@
 package team.karakum.showcase.material.utils
 
+import mui.material.useMediaQuery
 import react.FC
 import react.Props
+import react.dom.html.ReactHTML.span
 
 val UseMediaQueryShowcase = FC<Props> {
-    +"Not implemented"
+    val matches = useMediaQuery("(min-width:600px)")
+
+    span {
+        +"(min-width:600px) matches: $matches"
+    }
 }