<template>
	<button
		class="efly-button"
		:class="{
			'disabled' : status.disabled,
			'btn-small': size === 'small',
			'btn-xsmall': size === 'xsmall',
			'btn-mini': size === 'mini',
			'efly-button-group-line-header': status.buttonGroundLineHeader,
		}"
		:style="{
			'margin-top': status.buttonGroup && lineMargin !== 0 ? lineMargin : '',
		}"
		@click.stop="click()"
		@mouseenter.stop="mouseenter"
		@mouseleave.stop="mouseleave"
	>
		<slot></slot>
	</button>
</template>

<script>
    import EflyButton from './button';

    export default EflyButton;
</script>

<style lang="scss" scoped>
</style>
