- {/* title */}
-
- {/* circles */}
- {incomes.map((income,index) =>(
-
-
-
-
+ return (
+
+ {/* title */}
+
+ {/* circles */}
+ {incomes.map((income, index) => (
+
+
+
+
{income.percentNumb}
-
{income.percentNumb}
-
- ))}
-
- ;
+ ))}
+
+ );
};
export default Design2;
Design2.defaultProps = {
- title: 'میزان فروش محصولات',
+ title: "میزان فروش محصولات",
incomes: [
{
image: ellipse,
- bgColor :'#26E58C',
- width : '96%',
- percentNumb : '110',
+ bgColor: "#26E58C",
+ width: "96%",
+ percentNumb: "110",
},
{
image: ellipse,
- bgColor :'#FFEE00',
- width : '44%',
- percentNumb : '72',
+ bgColor: "#FFEE00",
+ width: "44%",
+ percentNumb: "72",
},
{
image: ellipse,
- bgColor :'#EC4C19',
- width : '20%',
- percentNumb : '20',
+ bgColor: "#EC4C19",
+ width: "20%",
+ percentNumb: "20",
},
{
image: ellipse,
- bgColor :'#0077FF',
- width : '75%',
- percentNumb : '80',
+ bgColor: "#0077FF",
+ width: "75%",
+ percentNumb: "80",
},
- ]
-}
\ No newline at end of file
+ ],
+};