import React, { useState } from "react";
const Counter = ({ incrementIcon, decrementIcon, flex }) => {
const [count, setCount] = useState(0);
return (

setCount(count + 1)}
/>
0 ? { color: "green" } : { color: "red" }}
style={
count > -1
? count === 0
? { color: "gray" }
: { color: "green" }
: { color: "red" }
}
>
{count}

setCount(count - 1)}
/>
);
};
export default Counter;
Counter.defaultProps = {
incrementIcon: "images/black-like-icon.svg",
decrementIcon: "images/black-dislike-icon.svg",
flex: "flex-col",
};