<template>
	<button
		class="px-5 py-2 active:bg-green-800 transition duration-200 font-bold text-5"
		:class="isActive ? 'bg-green-800' : 'bg-green-600'"
		@click="e => emit('click', e)"
	>
		<slot/>
	</button>
</template>

<style module>

</style>

<script setup lang="ts">
	const props = defineProps<{
		isActive?: boolean
	}>()

	const emit = defineEmits(["click"])
</script>