<?php

    //  Menu Settings
    new \Kirki\Field\Dimensions([
        'type'        => 'dimensions',
        'settings'    => 'header_padding',
        'label'       => esc_html__( 'Header padding','blogbit'),
        'section'     => 'menu_section_id',
        'description' => esc_html__( 'Type padding in with px.','blogbit'),
        'default'     => [
            'padding-top'    => '',
            'padding-bottom' => '',
        ],
    ] );

    new \Kirki\Field\Color( [
        'type'        => 'color',
        'settings'    => 'menu_bg_color',
        'label'       => __( 'Menu Background Color','blogbit'),
        'section'     => 'menu_section_id',
    ] );

    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'menu_color',
        'label'       => __( 'Font Color','blogbit'),
        'section'     => 'menu_section_id',
    ] );
    

    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'menu_hover_color',
        'label'       => __( 'Font Hover Color','blogbit'),
        'section'     => 'menu_section_id',
    ] );

    //   Menu Button styles
    new \Kirki\Field\Radio_Buttonset(
        [
            'settings'    => 'menu_btn_settings',
            'label'       => esc_html__( 'Menu Button Styles', 'blogbit' ),
            'section'     => 'menu_section_id',
            'default'     => 'normal',
            'priority'    => 10,
            'choices'     => [
                'alpha' => true,
            ],
            'choices'     => [
                'normal'   => esc_html__( 'Normal', 'blogbit' ),
                'hover' => esc_html__( 'Hover', 'blogbit' ),
            ],
        ]
    );

   
    

    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'menu_btn_bg',
        'label'       => __( 'Background Color','blogbit'),
        'section'     => 'menu_section_id',
        'choices'     => [
			'alpha' => true,
		],
        'active_callback' => [
            [
                'setting'  => 'menu_btn_settings',
                'operator' => '==',
                'value'    => 'normal',
            ]
        ],
    ] );

    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'menu_btn_hover_bg',
        'label'       => __( 'Background Color','blogbit'),
        'section'     => 'menu_section_id',
        'choices'     => [
			'alpha' => true,
		],
        'active_callback' => [
            [
                'setting'  => 'menu_btn_settings',
                'operator' => '==',
                'value'    => 'hover',
            ]
        ],
    ] );

    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'menu_btn_color',
        'label'       => __( 'Color','blogbit'),
        'section'     => 'menu_section_id',
        'choices'     => [
			'alpha' => true,
		],
        'active_callback' => [
            [
                'setting'  => 'menu_btn_settings',
                'operator' => '==',
                'value'    => 'normal',
            ]
        ],
    ] );
    
    new \Kirki\Field\Color([
        'type'        => 'color',
        'settings'    => 'menu_btn_hover_color',
        'label'       => __( 'Color','blogbit'),
        'section'     => 'menu_section_id',
        'choices'     => [
			'alpha' => true,
		],
        'active_callback' => [
            [
                'setting'  => 'menu_btn_settings',
                'operator' => '==',
                'value'    => 'hover',
            ]
        ],
    ] );

    

    new \Kirki\Field\Typography([
        'type'        => 'typography',
        'settings'    => 'menu_font',
        'label'       => esc_html__( 'Menu Font Style','blogbit'),
        'section'     => 'menu_section_id',
        'default'     => [
            'font-family'    => '',
            'variant'        => '',
            'font-size'      => '',
            'line-height'    => '',
            'text-transform' => 'none',
        ],
        'priority'    => 10,
        'transport'   => 'auto',
        'output'      => [
            [
                'element' => '.header-navbar .primary-menu li a',
            ],
        ],
        
    ] );