import {html} from "lit"
import {view} from "@e280/sly"
import styleCss from "./style.css.js"
import themeCss from "../../theme.css.js"
import {brain} from "../../../logic/brain.js"

export const PraxisPlay = view.component(use => {
	use.css(themeCss, styleCss)
	
	return html`
		<button std-button=wide @click="${brain.play}">
			Play Now
		</button>
	`
})