<script setup lang="ts">
defineProps<{
  label: string;
  color?: string;
}>();
</script>

<template>
  <div
    class="q-pl-md q-pr-sm row items-center justify-between rounded"
    :style="`border:1px solid ${color};color:${color}`"
  >
    {{ $t(label) }}
    <q-icon name="mdi-arrow-right" class="q-ml-md" />
  </div>
</template>

<style scoped></style>
