index.js
18 lines
| 1 | import {__} from '@wordpress/i18n'; |
| 2 | import './style.scss'; |
| 3 | |
| 4 | export default function ({options, onClick, selected}) { |
| 5 | return ( |
| 6 | <div className="give-toggle"> |
| 7 | {options.map(({value, label}, i) => { |
| 8 | return (<div |
| 9 | key={i} |
| 10 | onClick={() => onClick(value)} |
| 11 | className="give-toggle__option" style={ selected === value ? {background: '#007cba', color: 'white'} : {}}> |
| 12 | {label} |
| 13 | </div>) |
| 14 | })} |
| 15 | </div> |
| 16 | ); |
| 17 | } |
| 18 |