From 1fb7be9f955c04fe5c95dbfa023e3b2c3b81a145 Mon Sep 17 00:00:00 2001
From: Atul Varma <varmaa@gmail.com>
Date: Sun, 4 Apr 2021 16:40:48 -0400
Subject: [PATCH] Make 'padding' in AutoSizingSvg optional.

---
 lib/auto-sizing-svg.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/lib/auto-sizing-svg.tsx b/lib/auto-sizing-svg.tsx
index 5135088..25092bc 100644
--- a/lib/auto-sizing-svg.tsx
+++ b/lib/auto-sizing-svg.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useRef, useState } from "react";
 
 type AutoSizingSvgProps = {
-  padding: number;
+  padding?: number;
   bgColor?: string;
   sizeToElement?: React.RefObject<HTMLElement>;
   children: JSX.Element | JSX.Element[];
@@ -25,7 +25,7 @@ function useResizeHandler(onResize: () => void) {
  */
 export const AutoSizingSvg = React.forwardRef(
   (props: AutoSizingSvgProps, ref: React.ForwardedRef<SVGSVGElement>) => {
-    const { bgColor, padding, sizeToElement } = props;
+    const { bgColor, sizeToElement } = props;
     const [x, setX] = useState(0);
     const [y, setY] = useState(0);
     const [width, setWidth] = useState(1);
@@ -50,6 +50,7 @@ export const AutoSizingSvg = React.forwardRef(
         const svgEl = gRef.current;
         if (svgEl) {
           const bbox = svgEl.getBBox();
+          const padding = props.padding || 0;
           setX(bbox.x - padding);
           setY(bbox.y - padding);
           setWidth(bbox.width + padding * 2);