import React from "react"
import logo from "./logo.svg"
import "./App.css"

import { vscode } from "./utilities/vscode"
import { VSCodeButton } from "@vscode/webview-ui-toolkit/react"

function App() {
	function handleHowdyClick() {
		vscode.postMessage({
			command: "hello",
			text: "Hey there partner! 🤠",
		})
	}

	return (
		<main>
			<h1>Hello World!</h1>
			<VSCodeButton onClick={handleHowdyClick}>Howdy!</VSCodeButton>
		</main>
	)
}

export default App