<template>
    <div id="hamburger-menu">
        <ul v-bind:class="{ active: active }" :style="{ '--bg-color': this.color, '--size': this.size }">
            <li />
            <li />
            <li />
            <li />
        </ul>
    </div>
</template>
<script>
export default {
    name: 'HamburgerMenu',
    props: {
        color: {
            type: String,
            default: '#FFFFFF',
        },
        size: {
            type: Number,
            default: 25,
        },
        active: {
            type: Boolean,
            default: false,
        },
    },
};
</script>
<style lang="scss">
@import './styles.scss';
</style>
