elk/components/account/AccountLockIndicator.vue

24 lines
483 B
Vue
Raw Normal View History

2023-07-02 17:55:18 +00:00
<script setup lang="ts">
defineProps<{
showLabel?: boolean
}>()
const { t } = useI18n()
2023-07-02 17:55:18 +00:00
</script>
<template>
<div
flex="~ gap1" items-center
:class="{ 'border border-base rounded-md px-1': showLabel }"
text-secondary-light
>
<slot name="prepend" />
<CommonTooltip no-auto-focus content="Lock" :disabled="showLabel">
<div i-ri:lock-line />
</CommonTooltip>
<div v-if="showLabel">
{{ t('account.lock') }}
2023-07-02 17:55:18 +00:00
</div>
</div>
</template>