From e800e1b2cb3c6f042f940939b9600089c7de3249 Mon Sep 17 00:00:00 2001
From: Kavitha Acharya <acharyakavita12@gmail.com>
Date: Thu, 25 Jan 2024 06:57:35 -0500
Subject: [PATCH] fix syntax error in sample code in documentation (#2738)

---
 docs/src/content/docs/victory-pie.md | 37 +++++++++++++---------------
 1 file changed, 17 insertions(+), 20 deletions(-)

diff --git a/docs/src/content/docs/victory-pie.md b/docs/src/content/docs/victory-pie.md
index 769b14198..c28bbd0e8 100644
--- a/docs/src/content/docs/victory-pie.md
+++ b/docs/src/content/docs/victory-pie.md
@@ -526,23 +526,22 @@ y={(d) => d.value + d.error}
 The `labelIndicator` prop defines the label indicator line between labels and the pie chart. If this prop is used as a boolean,then the default indicator will be displayed. To customize or pass your own styling `<LineSegment/>` can be passed to labelIndicator. LabelIndicator is functional only when labelPosition = "centroid". To adjust the labelIndicator length, `labelIndicatorInnerOffset` and `labelIndicatorOuterOffset` props can be used alongside labelIndicator. 
 
 ```playground
-<VictoryPie
-  data={sampleData}
-  labelIndicator 
-  style={{ labels: { fill: "white", fontSize: 20, fontWeight: "bold" } }}
-/>
-<VictoryPie
-  data={sampleData}
-  labelIndicator={<LineSegment style = {{stroke:"red", strokeDasharray:1,fill: "none",}}/>}
-  style={{ labels: { fill: "white", fontSize: 20, fontWeight: "bold" } }}
-/>
-<VictoryPie
-  data={sampleData}
-  labelIndicator={<LineSegment style = {{stroke:"red", strokeDasharray:1,fill: "none",}}/>}
-  style={{ labels: { fill: "white", fontSize: 20, fontWeight: "bold" } }}
-  labelIndicatorInnerOffset={10}
-  labelIndicatorOuterOffset={15}
-/>
+<div>
+    <VictoryPie
+      data={sampleData}
+      labelIndicator 
+    />
+    <VictoryPie
+      data={sampleData}
+      labelIndicator={<LineSegment style = {{stroke:"red", strokeDasharray:1,fill: "none",}}/>}
+    />
+    <VictoryPie
+      data={sampleData}
+      labelIndicator={<LineSegment style = {{stroke:"red", strokeDasharray:1,fill: "none",}}/>}
+      labelIndicatorInnerOffset={10}
+      labelIndicatorOuterOffset={5}
+    />
+</div>
 ```
 ## labelIndicatorInnerOffset
 
@@ -554,7 +553,6 @@ The `labelIndicatorInnerOffset` prop defines the offset by which the indicator l
 <VictoryPie
   data={sampleData}
   labelIndicator
-  style={{ labels: { fill: "white", fontSize: 20, fontWeight: "bold" } }}
   labelIndicatorInnerOffset={10}
 />
 ```
@@ -569,8 +567,7 @@ The `labelIndicatorOuterOffset` prop defines the offset by which the indicator l
 <VictoryPie
   data={sampleData}
   labelIndicator
-  style={{ labels: { fill: "white", fontSize: 20, fontWeight: "bold" } }}
-  labelIndicatorOuterOffset={10}
+  labelIndicatorOuterOffset={5}
 />
 ```