<?php


namespace ColibriWP\Theme\Customizer\Controls;


class ButtonControl extends VueControl {

    public $type = 'colibri-button';

    /**
     * @param $value
     * @param $control_data
     * @param string $default
     *
     * @return mixed|null
     */
    public static function sanitize( $value, $control_data, $default = '' ) {
        return '';
    }

    protected function printVueContent() {
        ?>
        <div class="colibri-fullwidth">
            <div class="inline-elements-container">
                <div class="inline-element fit">
                    <# if ( data.label ) { #>
                    <el-button :value="value" @click="onClick"
                               type="default">{{{ data.label }}}
                    </el-button>
                    <# } #>
                </div>
            </div>
        </div>
        <?php
    }
}