From 24ded5330354006a427886347b4eb6fa4d05fd73 Mon Sep 17 00:00:00 2001
From: Chris Villa <chrisvilla@me.com>
Date: Mon, 9 Oct 2023 18:18:16 +0100
Subject: [PATCH] docs: add default item props to demo ButtonGroup items

---
 apps/demo/config/blocks/ButtonGroup/index.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/demo/config/blocks/ButtonGroup/index.tsx b/apps/demo/config/blocks/ButtonGroup/index.tsx
index 3d30e57927..18414b2efa 100644
--- a/apps/demo/config/blocks/ButtonGroup/index.tsx
+++ b/apps/demo/config/blocks/ButtonGroup/index.tsx
@@ -10,7 +10,7 @@ const getClassName = getClassNameFactory("ButtonGroup", styles);
 
 export type ButtonGroupProps = {
   align?: string;
-  buttons: { label: string; href: string; variant?: "primary" | "secondary" }[];
+  buttons: { label: string; href: string; variant: "primary" | "secondary" }[];
 };
 
 export const ButtonGroup: ComponentConfig<ButtonGroupProps> = {
@@ -29,6 +29,11 @@ export const ButtonGroup: ComponentConfig<ButtonGroupProps> = {
           ],
         },
       },
+      defaultItemProps: {
+        label: "Button",
+        href: "#",
+        variant: "primary",
+      },
     },
     align: {
       type: "radio",
@@ -39,7 +44,7 @@ export const ButtonGroup: ComponentConfig<ButtonGroupProps> = {
     },
   },
   defaultProps: {
-    buttons: [{ label: "Learn more", href: "#" }],
+    buttons: [{ label: "Learn more", href: "#", variant: "primary" }],
   },
   render: ({ align, buttons }) => {
     return (