feat: add additional default properties to root svg element

Co-authored-by: chris <[email protected]>

build

@@ -23,7 +23,7 @@ do
   mv "$file" "${file/_24px/}"
 done
 
-npx @svgr/cli --typescript --no-svgo --out-dir $react_tmp_path -- $original_svg_path
+npx @svgr/cli --typescript --no-svgo --svg-props role=img --svg-props focusable=false --svg-props aria-hidden=true --template "template.js" --out-dir $react_tmp_path -- $original_svg_path
 
 ls $react_tmp_path > files.txt
 

template.js

@@ -0,0 +1,27 @@
+const template = (variables, { tpl }) => {
+  variables.jsx.openingElement.attributes.push({
+    "type": "JSXAttribute",
+    "name": {
+      "type": "JSXIdentifier",
+      "name": "data-testid"
+    },
+    "value": {
+      "type": "StringLiteral",
+      "value": `${variables.componentName.replace("Svg", "")}Icon`
+    }
+  })
+
+  return tpl`
+${variables.imports};
+
+${variables.interfaces};
+
+const ${variables.componentName} = (${variables.props}) => (
+  ${variables.jsx}
+);
+
+${variables.exports};
+`
+}
+
+module.exports = template