chore(docs): add cursor:pointer to color mode switch for consistency

system-ui · Jun 23, 2021 · 6303a02 · 6303a02
1 parent 1f920cd
commit 6303a02
Showing 1 changed file with 27 additions and 21 deletions.
diff --git a/packages/docs/src/components/button.js b/packages/docs/src/components/button.js
@@ -1,21 +1,27 @@
-/** @jsx jsx */
-import { jsx } from 'theme-ui'
-
-export default (props) => (
-  <button
-    {...props}
-    sx={{
-      appearance: 'none',
-      fontFamily: 'inherit',
-      fontSize: 1,
-      fontWeight: 'bold',
-      m: 0,
-      px: 2,
-      py: 2,
-      color: 'text',
-      bg: 'muted',
-      border: 0,
-      borderRadius: 2,
-    }}
-  />
-)
+/** @jsx jsx */
+import { jsx } from 'theme-ui'
+
+/**
+ * @param {React.ComponentPropsWithoutRef<"button">} props
+ */
+export default function DocsButton(props) {
+  return (
+    <button
+      {...props}
+      sx={{
+        appearance: 'none',
+        fontFamily: 'inherit',
+        fontSize: 1,
+        fontWeight: 'bold',
+        m: 0,
+        px: 2,
+        py: 2,
+        color: 'text',
+        bg: 'muted',
+        border: 0,
+        borderRadius: 2,
+        cursor: 'pointer',
+      }}
+    />
+  )
+}