import React, { useEffect, useState } from "react";
import AnimatedProgressBar from "../../AnimatedProgressBar";
import TitleSubtitle from "../../TitleSubtitle";
import ellipse from "./Ellipse.svg";
const Design2 = ({ title, incomes }) => {
const [progressFlag, setProgressFlag] = useState(false);
useEffect(() => {
setTimeout(() => {
setProgressFlag(true);
}, 100);
}, []);
return (
{/* title */}
{/* circles */}
{incomes.map((income, index) => (
{income.percentNumb}
))}
);
};
export default Design2;
Design2.defaultProps = {
title: "میزان فروش محصولات",
incomes: [
{
image: ellipse,
bgColor: "#26E58C",
width: "96%",
percentNumb: "110",
},
{
image: ellipse,
bgColor: "#FFEE00",
width: "44%",
percentNumb: "72",
},
{
image: ellipse,
bgColor: "#EC4C19",
width: "20%",
percentNumb: "20",
},
{
image: ellipse,
bgColor: "#0077FF",
width: "75%",
percentNumb: "80",
},
],
};