about, contact, blog

src/components/ui/button.astro

@@ -1,13 +1,22 @@
 ---
+interface Props {
+  size?: "md" | "lg";
+  style?: "outline" | "primary" | "inverted";
+  class?: string;
+  [x: string]: any;
+}
+
 const {
-  size = "lg",
+  size = "md",
   style = "primary",
+  block,
   class: className,
   ...rest
 } = Astro.props;
 
 const sizes = {
-  lg: "px-5 py-2.5",
+  md: "px-5 py-2.5",
+  lg: "px-6 py-3",
 };
 
 const styles = {
@@ -21,6 +30,7 @@ const styles = {
   {...rest}
   class:list={[
     "rounded text-center transition focus-visible:ring-2 ring-offset-2 ring-gray-200",
+    block && "w-full",
     sizes[size],
     styles[style],
     className,