styled button ref updated

Author: aman1tagic

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amnstak/react-image-annotate",
-  "version": "0.0.11",
+  "version": "0.0.16",
   "type": "module",
   "main": "dist/lib.js",
   "types": "dist/lib.d.ts",

src/workspace/HeaderButton/index.tsx

@@ -22,14 +22,19 @@ const getIcon = (
   return <Icon />;
 };
 
-const StyledButton = styled(Button)(() => ({
+const StyledButton = styled(
+  forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>((props, ref) => (
+    <Button ref={ref} {...props} />
+  ))
+)(() => ({
   textTransform: "none",
   width: 60,
   paddingTop: 8,
   paddingBottom: 4,
   marginLeft: 1,
   marginRight: 1,
 }));
+
 const ButtonInnerContent = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",