<?php if ( ! defined( 'ABSPATH' ) ) {die;}

use Elementor\Widget_Base;
use Elementor\Controls_Manager;

class Codevz_Elementor_button extends Widget_Base {

   public function get_name() {
      return 'cz_button';
   }

   public function get_title() {
      return 'Codevz Button';
   }

   public function get_icon() {
      return 'eicon-button';
   }

   public function get_categories() {
      return [ 'basic' ];
   }

   protected function _register_controls() {

      $this->start_controls_section(
         'section_content',
         [
            'label' => 'Codevz Button',
         ]
      );

      $this->add_control(
         'title',
         [
            'label'        => 'Title',
            'type'         => Controls_Manager::TEXT,
            'default'      => 'Button Text',
            'placeholder'  => 'Button Text',
         ]
      );

      $this->add_control(
         'sk_button',
         [
            'label'     => 'Button SK',
            'type'      => 'cz_sk',
            'selectors' => [
               '{{WRAPPER}} .cz_btn'            => '{{DESKTOP}}',
               '(tablet-){{WRAPPER}} .cz_btn'   => '{{TABLET}}',
               '(mobile-){{WRAPPER}} .cz_btn'   => '{{MOBILE}}',
               '{{WRAPPER}} .cz_btn:hover'      => '{{HOVER}}',
               '.rtl {{WRAPPER}} .cz_btn:hover' => '{{RTL}}',
            ]
         ]
      );

      $this->end_controls_section();
   }

   protected function render() {
      $s = $this->get_settings();
      echo '<a class="cz_btn elementor-button elementor-size-sm" href="#">' . $s['title'] . '</a>';
   }
}