{"size": 666, "ext": "js", "max_stars_repo_path": "lib/components/ConfirmDelete/ConfirmDelete.js", "max_stars_repo_name": "9dots/artbot", "max_stars_repo_stars_event_min_datetime": "2017-03-14T17:42:20.000Z", "max_stars_repo_stars_event_max_datetime": "2021-04-16T21:22:19.000Z", "max_issues_repo_path": "lib/components/ConfirmDelete/ConfirmDelete.js", "max_issues_repo_name": "9dots/artbot", "max_issues_repo_issues_event_min_datetime": "2017-02-10T01:53:33.000Z", "max_issues_repo_issues_event_max_datetime": "2018-05-31T18:31:48.000Z", "max_forks_repo_path": "lib/components/ConfirmDelete/ConfirmDelete.js", "max_forks_repo_name": "9dots/artbot", "max_forks_repo_forks_event_min_datetime": "2017-04-28T18:56:22.000Z", "max_forks_repo_forks_event_max_datetime": "2017-10-06T19:02:40.000Z"}
{"max_stars_count": 19, "max_issues_count": 412, "max_forks_count": 2, "avg_line_length": 21.4838709677, "max_line_length": 79, "alphanum_fraction": 0.6366366366}
/**
 * Imports
 */

import ModalMessage from 'components/ModalMessage'
import {component, element} from 'vdux'
import Button from 'components/Button'
import {Block} from 'vdux-ui'

/**
 * <Confirm Delete/>
 */

export default component({
  render ({props}) {
	  const {action, dismiss, header, message} = props
	  const footer = <Block>
	    <Button bgColor='secondary' onClick={dismiss}>Cancel</Button>
	    <Button ml='1em' bgColor='red' onClick={[dismiss, action]}>Accept</Button>
	  </Block>

	  return (
	    <ModalMessage
	      header={header}
	      body={`Are you sure you want to ${message}`}
	      dismiss={dismiss}
	      footer={footer} />
	  )
  }
})
