<template>
    <div style="padding: 0 15px;background-color: #fff;" @click="toggleClick">
        <i class="icon-ym icon-ym-header-collapse1" v-if='isActive'></i>
        <i class="icon-ym icon-ym-header-expand" v-else></i>
    </div>
</template>

<script>
export default {
    name: 'Hamburger',
    props: {
        isActive: {
            type: Boolean,
            default: false
        }
    },
    methods: {
        toggleClick() {
            this.$emit('toggleClick')
        }
    }
}
</script>

<style scoped>
.icon-ym {
    font-size: 18px;
    color: #666666;
}
</style>