<?php


namespace ColibriWP\Theme\Customizer\Controls;


class InputControl extends VueControl {

	public $type = "colibri-input";
	protected $input_type = "text";

    public static function sanitize( $value, $control_data, $default = '' ) {
        if ( isset($control_data['input_type']) && $control_data['input_type'] === 'textarea' ) {
            return $value;
        }

        return sanitize_text_field( $value );
    }
	public function json() {
		$json = parent::json();

		$json['input_type'] = $this->input_type;

		return $json;
	}

	protected function printVueContent() {
		?>
        <el-input
                @change="setValue"
                :type="input_type"
                placeholder=""
                v-model="value"
                clearable>
        </el-input>
		<?php
	}
}

