import './Repeater.css';
const WBRepeater = ({addClick, children}) => {

    return (
        <div className="wb-input-repeater">
            <div className="wb-input-repeater-content">
                {children}
            </div>
            <div className="wb-input-repeater-controls">
                <div className="wb-input-repeater-add-row" onClick={addClick}>
                    Add
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="1em"><path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16V240H32c-8.8 0-16 7.2-16 16s7.2 16 16 16H208V448c0 8.8 7.2 16 16 16s16-7.2 16-16V272H416c8.8 0 16-7.2 16-16s-7.2-16-16-16H240V64z"/></svg>
                </div>
            </div>
        </div>
    );
  
  };
  export default WBRepeater;