<template>
    <div>
        <div class="row row-sm">
            <div class="col">
                <!-- <button type="button" class="btn btn-dark button-icon me-2 "><i class="fe fe-lock me-2"></i>
                    Khóa
                </button>
                <button type="button" class="btn btn-dark button-icon "><i class="fe fe-unlock me-2"></i>
                    Mở khóa
                </button> -->
                <button type="button" class="btn btn-warning button-icon "><i class="fa fa-key me-2"></i>
                    Đổi mật khẩu
                </button>
                <!-- <button type="button" class="btn btn-outline-success button-icon mb-1 "><i
                        class="fa fa-check"></i>Đổi mật khẩu </button> -->
                <!-- <button type="button" class="btn btn-outline-primary mx-2 button-icon mb-1 "><i
                        class="fa fa-key me-2"></i>Đổi mật khẩu</button> -->
                <!-- <button type="button" class="btn btn-secondary button-icon mb-1 "><i
                        class="fe fe-link"></i></button>
                <button type="button" class="btn btn-info mx-2 button-icon mb-1 "><i
                        class="fe fe-message-circle me-2"></i>Comment</button> -->
            </div>
        </div>

    </div>
</template>
<script setup>

</script>
<style>
.btn {
    width: auto !important;
}
</style>