@dhiraj0720/report1chart 1.0.0

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@dhiraj0720/report1chart",
+  "version": "1.0.0",
+  "main": "src/index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "description": "",
+  "dependencies": {
+    "react": "^19.2.3",
+    "react-native": "^0.80.2"
+  }
+}
+

package/src/index.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+
+const BarChart = ({ data = [], height = 200 }) => {
+  const maxValue = Math.max(...data.map(d => d.value), 1);
+
+  return (
+    <View style={[styles.container, { height }]}>
+      {data.map((item, index) => {
+        const barHeight = (item.value / maxValue) * height;
+
+        return (
+          <View key={index} style={styles.barWrapper}>
+            <View style={[styles.bar, { height: barHeight }]} />
+            <Text style={styles.label}>{item.name}</Text>
+          </View>
+        );
+      })}
+    </View>
+  );
+};
+
+export default BarChart; // ✅ DEFAULT EXPORT
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+  },
+  barWrapper: {
+    flex: 1,
+    alignItems: 'center',
+  },
+  bar: {
+    width: 22,
+    backgroundColor: '#4CAF50',
+    borderRadius: 6,
+  },
+  label: {
+    marginTop: 6,
+    fontSize: 12,
+  },
+});