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", };