<template>
    <prime-button class="button-search"
                  :icon="icon"
                  :label="$t(label)">
    </prime-button>
</template>

<script>
import PrimeButton from "primevue/button"

export default {
    name: "ButtonSearch",
    components: {
        PrimeButton
    },
    props: {
        id: {type: String},
        label: {type: String, default: 'label.search'},
        icon: {type: String, default: 'pi pi-search'},
        type: {type: String, default: ''}
    }
}
</script>

<style lang="scss">

.button-search.p-button {
    font-size: 13px;
    height: 30px;
    width: unset;
    margin-left: 10px;
    text-align: left;
}

</style>
