2023-12-19 18:43:42 +01:00
|
|
|
<script lang="ts" setup>
|
|
|
|
|
defineProps<{
|
|
|
|
|
text: string
|
|
|
|
|
inverted?: boolean
|
|
|
|
|
}>()
|
|
|
|
|
const emits = defineEmits(['selected'])
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<div
|
|
|
|
|
border-2px
|
|
|
|
|
:class="[inverted ? 'border-app-black bg-app-white hover:bg-app-black text-app-black hover:text-app-white' : 'bg-app-black border-app-white hover:bg-app-white text-app-white hover:text-app-black']"
|
2024-09-02 15:13:43 +02:00
|
|
|
flex
|
|
|
|
|
items-center
|
|
|
|
|
justify-center
|
|
|
|
|
px-24px
|
|
|
|
|
py-16px
|
|
|
|
|
font-700
|
|
|
|
|
leading-40px
|
|
|
|
|
cursor-pointer
|
|
|
|
|
@click="emits('selected')"
|
2023-12-19 18:43:42 +01:00
|
|
|
>
|
|
|
|
|
{{ text }}
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
