React‑component of a styled checkbox toggle

Create a React UI element of a checkbox that changes appearance when toggling between the 'on' and 'off' states. Use the parameters specified in the comments for styling:

// Colors: white, #4caf50, #ccc
// border-radius: 34px
// Circle: width: 26px; height: 26px;
// Switch: width: 60px; height: 34px;