<template>
    <view :class="[layout, clazz]">
        <uv-icon :name="icon" color="var(--primary-color)" :size="iconSize" @click="$emit('click')"/>
        <text class="text-2xs text-primary" @click="$emit('click')">{{ text }}</text>
    </view>
</template>

<script>
export default {
    name: "horizontal-button",
    emits: ['click'],
    props: {
        layout: {
            type: String,
            default: 'fx-col fx-cen-cen'
        },
        clazz: {
            type: String,
            default: 'p-20'
        },
        icon: {
            type: String,
            default: ''
        },
        iconSize: {
            type: [String, Number],
            default: 24
        },
        text: {
            type: String,
            default: ''
        }
    }
}
</script>

<style scoped>

</style>