<template>
    <div id="search_bar_container" class="flex w-[280px] h-8 px-4 items-center border-[#64748B] border-[1px] rounded-full 
        justify-between">
        <input id="input_search" class="w-full outline-0" :placeholder="i18next.t('AcctMgmt.Search')"/>
        <img src="@/assets/icon-search.svg" class="w-[17px] h-[17px] flex"/>
    </div>
</template>

<script>
import i18next from '@/i18n/i18n.js';
export default {
    setup() {

    },
    data() {
        return {
            i18next: i18next,
        }
    },
    created() {

    },
};
</script>