content: import React from 'react'
  import PropTypes from 'prop-types'
  import SaveButton from 'Gandalf/components/saveButton'
  import ExitButton from 'Gandalf/components/cancelButton'
  
  /* eslint-disable */
  const Bottons = ({ buttons, fn, save, cancel }) => (
    <div className="gandalf-buttons">
      <For each="item" index="idx" of={buttons}>
        <If condition={item.condition}>
          <button
            className="waves-effect waves-light btn"
            key={idx}
            type="button"
            onClick={item.fn}>{item.text}</button>
        </If>
      </For>
  
      <ExitButton condition={cancel.condtion} fn={cancel.cancelGandalf} />
      <SaveButton condition={save.condition} fn={save.saveStep} />
    </div>
  )
  
  Bottons.propTypes = {
    buttons: PropTypes.object.isRequired,
    fn: PropTypes.object.isRequired,
    save: PropTypes.object.isRequired,
    cancel: PropTypes.object.isRequired,
  };
  
  
  export default Bottons
  