24 lines
463 B
JavaScript
24 lines
463 B
JavaScript
import React, { memo } from "react";
|
|
|
|
const Ball = memo(({ number }) => {
|
|
let background;
|
|
if (number <= 10) {
|
|
background = "red";
|
|
} else if (number <= 20) {
|
|
background = "orange";
|
|
} else if (number <= 30) {
|
|
background = "yellow";
|
|
} else if (number <= 40) {
|
|
background = "blue";
|
|
} else {
|
|
background = "green";
|
|
}
|
|
return (
|
|
<div className="ball" style={{ background }}>
|
|
{number}
|
|
</div>
|
|
);
|
|
});
|
|
|
|
export default Ball;
|