import {Component} from '../../lib/vues6.js'
import {GridCellState} from '../module/util.js'
const template = `
`
export default class GridCellComponent extends Component {
static get selector() { return 'app-game-cell' }
static get template() { return template }
/** Properties that can be passed into this component. */
static get props() {
return [
'render',
'has_ghost_ship',
]
}
/** Make the "GridCellState" enum available in the template. */
GridCellState = GridCellState
on_click() {
this.$emit('click')
}
on_hover($event) {
this.$emit('hover', $event)
}
on_mouse_leave() {
this.$emit('hoverchange')
}
}