Merge pull request #10 from jlsnow301/typed-props

Fixes prop types in themeswitch component

Author: surjithctly

package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-color-scheme",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Perfect dark mode for Astro in few lines of code. Theme Toggle for Dark, Light & Auto (system)",
   "type": "module",
   "exports": {

src/ThemeSwitch.astro

@@ -1,11 +1,11 @@
 ---
-interface Props {
-  strategy?: "button" | "checkbox" | "select" | "radio";
-  defaultTheme?: "dark" | "light" | "system";
-  as?: "div" | "span";
-}
+type Props = Partial<{
+  as: "div" | "span";
+  defaultTheme: "dark" | "light" | "system";
+  strategy: "button" | "checkbox" | "select" | "radio";
+}>;
 
-const { strategy, defaultTheme, as: Element = "span" } = Astro.props;
+const { strategy, defaultTheme, as: Element = "span" }: Props = Astro.props;
 ---
 
 <Element id="astro-color-scheme-switch">